From 7f2d4400ba429a1f660bbece8bad3a8548f707f0 Mon Sep 17 00:00:00 2001 From: Lapo Calamandrei Date: Sun, 14 Feb 2016 02:35:28 +0100 Subject: [PATCH] Adwaita: try being smarter wrt extending buttons. --- gtk/theme/Adwaita/_common.scss | 119 +- gtk/theme/Adwaita/gtk-contained-dark.css | 1375 ++++++++-------------- gtk/theme/Adwaita/gtk-contained.css | 1373 ++++++++------------- 3 files changed, 1097 insertions(+), 1770 deletions(-) diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss index 0c1569b1e2..d5cb327f9f 100644 --- a/gtk/theme/Adwaita/_common.scss +++ b/gtk/theme/Adwaita/_common.scss @@ -393,66 +393,81 @@ $_dot_color: if($variant=='light', $selected_bg_color, } } -%button, button { + @at-root %button_basic, &{ + $_button_transition: all 200ms $ease-out-quad; - $_button_transition: all 200ms $ease-out-quad; + min-height: 24px; + min-width: 16px; + padding: 4px 8px; + border: 1px solid; + border-radius: 3px; + transition: $_button_transition; + @include button(normal); + &.flat { + @include button(undecorated); + // to avoid adiacent buttons borders clashing when transitioning, the transition on the normal state is set + // to none, while it's added back in the hover state, so the button decoration will fade in on hover, but + // it won't fade out when the pointer leave the button allocation area. To make the transition more evident + // in this case the duration is increased. + transition: none; - min-height: 24px; - min-width: 16px; - padding: 4px 8px; - border: 1px solid; - border-radius: 3px; - transition: $_button_transition; - @include button(normal); - &.flat { - @include button(undecorated); - // to avoid adiacent buttons borders clashing when transitioning, the transition on the normal state is set - // to none, while it's added back in the hover state, so the button decoration will fade in on hover, but - // it won't fade out when the pointer leave the button allocation area. To make the transition more evident - // in this case the duration is increased. - transition: none; + &:hover { + transition: $_button_transition; + transition-duration: 500ms; + + &:active { transition: $_button_transition; } + } + } &:hover { - transition: $_button_transition; - transition-duration: 500ms; + @include button(hover); + -gtk-icon-effect: highlight; + } - &:active { transition: $_button_transition; } + &:active, &:checked { + @include button(active); + transition-duration: 50ms; } - } - &:hover { - @include button(hover); - -gtk-icon-effect: highlight; - } + &:backdrop, &.flat:backdrop { + @include button(backdrop); + -gtk-icon-effect: none; - &:active, &:checked { - @include button(active); - transition-duration: 50ms; - } + &:active, &:checked { @include button(backdrop-active); } - &:backdrop, &.flat:backdrop { - @include button(backdrop); - -gtk-icon-effect: none; + &:disabled { @include button(backdrop-insensitive); } - &:active, &:checked { @include button(backdrop-active); } + &:disabled:active, + &:disabled:checked { @include button(backdrop-insensitive-active); } + } - &:disabled { @include button(backdrop-insensitive); } + &.flat:backdrop, + &.flat:disabled, + &.flat:backdrop:disabled { @include button(undecorated); } - &:disabled:active, - &:disabled:checked { @include button(backdrop-insensitive-active); } - } + &:disabled { + @include button(insensitive); - &.flat:backdrop, - &.flat:disabled, - &.flat:backdrop:disabled { @include button(undecorated); } + &:active, + &:checked { @include button(insensitive-active); } + } - &:disabled { - @include button(insensitive); + &.text-button { + padding-left: 16px; + padding-right: 16px; + } - &:active, - &:checked { @include button(insensitive-active); } + &.text-button.image-button { + // those buttons needs uneven horizontal padding, we want the icon side + // to have the image-button padding, while the text side the text-button + // one, so we're adding the missing padding to the label depending on + // its position inside the button + label:first-child { padding-left: 8px; } + label:last-child { padding-right: 8px; } + } } + // big standalone buttons like in Documents pager &.osd { &.image-button { @@ -592,20 +607,6 @@ button { } } - &.text-button { - padding-left: 16px; - padding-right: 16px; - } - - &.text-button.image-button { - // those buttons needs uneven horizontal padding, we want the icon side - // to have the image-button padding, while the text side the text-button - // one, so we're adding the missing padding to the label depending on - // its position inside the button - label:first-child { padding-left: 8px; } - label:last-child { padding-right: 8px; } - } - .stack-switcher > & { // to position the needs attention dot, padding is added to the button // child, a label needs just lateral padding while an icon needs vertical @@ -1833,7 +1834,7 @@ notebook { } > tabs > arrow { - @extend %button; + @extend %button_basic; @extend button.flat; min-height: 16px; @@ -3659,7 +3660,7 @@ decoration { // Window Close button headerbar button.titlebutton, .titlebar button.titlebutton { - @extend button; + @extend %button_basic; @extend button.flat; @include _button_text_shadow; diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css index 5281c3b73c..c93f36acd7 100644 --- a/gtk/theme/Adwaita/gtk-contained-dark.css +++ b/gtk/theme/Adwaita/gtk-contained-dark.css @@ -346,10 +346,8 @@ entry, spinbutton:not(.vertical) { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#3583d5), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#215d9c), to(transparent)); } } -notebook > header > tabs > arrow, -button, -headerbar button.titlebutton, -.titlebar button.titlebutton { +notebook > header > tabs > arrow, headerbar button.titlebutton, +.titlebar button.titlebutton, button { min-height: 24px; min-width: 16px; padding: 4px 8px; @@ -363,11 +361,9 @@ headerbar button.titlebutton, text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(238, 238, 236, 0); } - notebook > header > tabs > arrow.flat, - button.flat, - notebook > header > tabs > arrow, - button.sidebar-button, - headerbar button.titlebutton, + notebook > header > tabs > arrow.flat, headerbar notebook > header > tabs > arrow.titlebutton, headerbar button.titlebutton, + .titlebar notebook > header > tabs > arrow.titlebutton, + .titlebar button.titlebutton, button.flat, notebook > header > tabs > arrow, button.sidebar-button, headerbar button.titlebutton, .titlebar button.titlebutton { border-color: transparent; background-color: transparent; @@ -376,25 +372,19 @@ headerbar button.titlebutton, text-shadow: none; -gtk-icon-shadow: none; transition: none; } - notebook > header > tabs > arrow.flat:hover, - button.flat:hover, - notebook > header > tabs > arrow:hover, - button.sidebar-button:hover, - headerbar button.titlebutton:hover, + notebook > header > tabs > arrow.flat:hover, headerbar notebook > header > tabs > arrow.titlebutton:hover, headerbar button.titlebutton:hover, + .titlebar notebook > header > tabs > arrow.titlebutton:hover, + .titlebar button.titlebutton:hover, button.flat:hover, notebook > header > tabs > arrow:hover, button.sidebar-button:hover, headerbar button.titlebutton:hover, .titlebar button.titlebutton:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; } - notebook > header > tabs > arrow.flat:hover:active, - button.flat:hover:active, - notebook > header > tabs > arrow:hover:active, - button.sidebar-button:hover:active, - headerbar button.titlebutton:hover:active, + notebook > header > tabs > arrow.flat:hover:active, headerbar notebook > header > tabs > arrow.titlebutton:hover:active, headerbar button.titlebutton:hover:active, + .titlebar notebook > header > tabs > arrow.titlebutton:hover:active, + .titlebar button.titlebutton:hover:active, button.flat:hover:active, notebook > header > tabs > arrow:hover:active, button.sidebar-button:hover:active, headerbar button.titlebutton:hover:active, .titlebar button.titlebutton:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - notebook > header > tabs > arrow:hover, - button:hover, - headerbar button.titlebutton:hover, - .titlebar button.titlebutton:hover { + notebook > header > tabs > arrow:hover, headerbar button.titlebutton:hover, + .titlebar button.titlebutton:hover, button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1c1f1f; @@ -409,13 +399,9 @@ headerbar button.titlebutton, -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76376); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(238, 238, 236, 0); -gtk-icon-effect: highlight; } - notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, - button:active, - headerbar button.titlebutton:active, - .titlebar button.titlebutton:active, - button:checked, - headerbar button.titlebutton:checked, - .titlebar button.titlebutton:checked { + notebook > header > tabs > arrow:active, headerbar button.titlebutton:active, + .titlebar button.titlebutton:active, notebook > header > tabs > arrow:checked, headerbar button.titlebutton:checked, + .titlebar button.titlebutton:checked, button:active, button:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1c1f1f; @@ -424,14 +410,10 @@ headerbar button.titlebutton, -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0); transition-duration: 50ms; } - notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow.flat:backdrop, - button:backdrop, - headerbar button.titlebutton:backdrop, - .titlebar button.titlebutton:backdrop, - button.flat:backdrop, - notebook > header > tabs > arrow:backdrop, - button.sidebar-button:backdrop, - headerbar button.titlebutton:backdrop, + notebook > header > tabs > arrow:backdrop, headerbar button.titlebutton:backdrop, + .titlebar button.titlebutton:backdrop, notebook > header > tabs > arrow.flat:backdrop, headerbar notebook > header > tabs > arrow.titlebutton:backdrop, headerbar button.titlebutton:backdrop, + .titlebar notebook > header > tabs > arrow.titlebutton:backdrop, + .titlebar button.titlebutton:backdrop, button:backdrop, button.flat:backdrop, notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, headerbar button.titlebutton:backdrop, .titlebar button.titlebutton:backdrop { color: #949796; border-color: #1f2222; @@ -440,29 +422,23 @@ headerbar button.titlebutton, -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); -gtk-icon-effect: none; } - notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow.flat:backdrop:active, notebook > header > tabs > arrow.flat:backdrop:checked, - button:backdrop:active, - button:backdrop:checked, - button.flat:backdrop:active, - notebook > header > tabs > arrow:backdrop:active, - button.sidebar-button:backdrop:active, - headerbar button.titlebutton:backdrop:active, - .titlebar button.titlebutton:backdrop:active, - button.flat:backdrop:checked, - notebook > header > tabs > arrow:backdrop:checked, - button.sidebar-button:backdrop:checked, - headerbar button.titlebutton:backdrop:checked, + notebook > header > tabs > arrow:backdrop:active, headerbar button.titlebutton:backdrop:active, + .titlebar button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, headerbar button.titlebutton:backdrop:checked, + .titlebar button.titlebutton:backdrop:checked, notebook > header > tabs > arrow.flat:backdrop:active, headerbar notebook > header > tabs > arrow.titlebutton:backdrop:active, headerbar button.titlebutton:backdrop:active, + .titlebar notebook > header > tabs > arrow.titlebutton:backdrop:active, + .titlebar button.titlebutton:backdrop:active, notebook > header > tabs > arrow.flat:backdrop:checked, headerbar notebook > header > tabs > arrow.titlebutton:backdrop:checked, headerbar button.titlebutton:backdrop:checked, + .titlebar notebook > header > tabs > arrow.titlebutton:backdrop:checked, + .titlebar button.titlebutton:backdrop:checked, button:backdrop:active, button:backdrop:checked, button.flat:backdrop:active, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, headerbar button.titlebutton:backdrop:active, + .titlebar button.titlebutton:backdrop:active, button.flat:backdrop:checked, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, headerbar button.titlebutton:backdrop:checked, .titlebar button.titlebutton:backdrop:checked { color: #949796; border-color: #1f2222; background-image: linear-gradient(to bottom, #303535); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow.flat:backdrop:disabled, - button:backdrop:disabled, - button.flat:backdrop:disabled, - notebook > header > tabs > arrow:backdrop:disabled, - button.sidebar-button:backdrop:disabled, - headerbar button.titlebutton:backdrop:disabled, + notebook > header > tabs > arrow:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled, + .titlebar button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow.flat:backdrop:disabled, headerbar notebook > header > tabs > arrow.titlebutton:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled, + .titlebar notebook > header > tabs > arrow.titlebutton:backdrop:disabled, + .titlebar button.titlebutton:backdrop:disabled, button:backdrop:disabled, button.flat:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled, .titlebar button.titlebutton:backdrop:disabled { color: #5d6767; border-color: #1f2222; @@ -470,38 +446,28 @@ headerbar button.titlebutton, text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, notebook > header > tabs > arrow.flat:backdrop:disabled:active, notebook > header > tabs > arrow.flat:backdrop:disabled:checked, - button:backdrop:disabled:active, - button:backdrop:disabled:checked, - button.flat:backdrop:disabled:active, - notebook > header > tabs > arrow:backdrop:disabled:active, - button.sidebar-button:backdrop:disabled:active, - headerbar button.titlebutton:backdrop:disabled:active, - .titlebar button.titlebutton:backdrop:disabled:active, - button.flat:backdrop:disabled:checked, - notebook > header > tabs > arrow:backdrop:disabled:checked, - button.sidebar-button:backdrop:disabled:checked, - headerbar button.titlebutton:backdrop:disabled:checked, + notebook > header > tabs > arrow:backdrop:disabled:active, headerbar button.titlebutton:backdrop:disabled:active, + .titlebar button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, headerbar button.titlebutton:backdrop:disabled:checked, + .titlebar button.titlebutton:backdrop:disabled:checked, notebook > header > tabs > arrow.flat:backdrop:disabled:active, headerbar notebook > header > tabs > arrow.titlebutton:backdrop:disabled:active, headerbar button.titlebutton:backdrop:disabled:active, + .titlebar notebook > header > tabs > arrow.titlebutton:backdrop:disabled:active, + .titlebar button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow.flat:backdrop:disabled:checked, headerbar notebook > header > tabs > arrow.titlebutton:backdrop:disabled:checked, headerbar button.titlebutton:backdrop:disabled:checked, + .titlebar notebook > header > tabs > arrow.titlebutton:backdrop:disabled:checked, + .titlebar button.titlebutton:backdrop:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked, button.flat:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:active, headerbar button.titlebutton:backdrop:disabled:active, + .titlebar button.titlebutton:backdrop:disabled:active, button.flat:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:checked, button.sidebar-button:backdrop:disabled:checked, headerbar button.titlebutton:backdrop:disabled:checked, .titlebar button.titlebutton:backdrop:disabled:checked { color: #5d6767; border-color: #1f2222; background-image: linear-gradient(to bottom, #272929); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - notebook > header > tabs > arrow.flat:backdrop, notebook > header > tabs > arrow.flat:disabled, notebook > header > tabs > arrow.flat:backdrop:disabled, - button.flat:backdrop, - notebook > header > tabs > arrow:backdrop, - button.sidebar-button:backdrop, - headerbar button.titlebutton:backdrop, - .titlebar button.titlebutton:backdrop, - button.flat:disabled, - notebook > header > tabs > arrow:disabled, - button.sidebar-button:disabled, - headerbar button.titlebutton:disabled, - .titlebar button.titlebutton:disabled, - button.flat:backdrop:disabled, - notebook > header > tabs > arrow:backdrop:disabled, - button.sidebar-button:backdrop:disabled, - headerbar button.titlebutton:backdrop:disabled, + notebook > header > tabs > arrow.flat:backdrop, headerbar notebook > header > tabs > arrow.titlebutton:backdrop, headerbar button.titlebutton:backdrop, + .titlebar notebook > header > tabs > arrow.titlebutton:backdrop, + .titlebar button.titlebutton:backdrop, notebook > header > tabs > arrow.flat:disabled, headerbar notebook > header > tabs > arrow.titlebutton:disabled, headerbar button.titlebutton:disabled, + .titlebar notebook > header > tabs > arrow.titlebutton:disabled, + .titlebar button.titlebutton:disabled, notebook > header > tabs > arrow.flat:backdrop:disabled, headerbar notebook > header > tabs > arrow.titlebutton:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled, + .titlebar notebook > header > tabs > arrow.titlebutton:backdrop:disabled, + .titlebar button.titlebutton:backdrop:disabled, button.flat:backdrop, notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, headerbar button.titlebutton:backdrop, + .titlebar button.titlebutton:backdrop, button.flat:disabled, notebook > header > tabs > arrow:disabled, button.sidebar-button:disabled, headerbar button.titlebutton:disabled, + .titlebar button.titlebutton:disabled, button.flat:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled, .titlebar button.titlebutton:backdrop:disabled { border-color: transparent; background-color: transparent; @@ -509,33 +475,52 @@ headerbar button.titlebutton, box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); text-shadow: none; -gtk-icon-shadow: none; } - notebook > header > tabs > arrow:disabled, - button:disabled, - headerbar button.titlebutton:disabled, - .titlebar button.titlebutton:disabled { + notebook > header > tabs > arrow:disabled, headerbar button.titlebutton:disabled, + .titlebar button.titlebutton:disabled, button:disabled { color: #949796; border-color: #1c1f1f; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, - button:disabled:active, - button:disabled:checked { + notebook > header > tabs > arrow:disabled:active, headerbar button.titlebutton:disabled:active, + .titlebar button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked, headerbar button.titlebutton:disabled:checked, + .titlebar button.titlebutton:disabled:checked, button:disabled:active, button:disabled:checked { color: #949796; border-color: #1c1f1f; background-image: linear-gradient(to bottom, #313434, #333636); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - notebook > header > tabs > arrow.osd, - button.osd, - headerbar button.osd.titlebutton, - .titlebar button.osd.titlebutton { - color: #eeeeec; - border-radius: 5px; - outline-color: rgba(238, 238, 236, 0.3); - color: #eeeeec; + notebook > header > tabs > arrow.text-button, headerbar button.text-button.titlebutton, + .titlebar button.text-button.titlebutton, button.text-button { + padding-left: 16px; + padding-right: 16px; } + notebook > header > tabs > arrow.text-button.image-button label:first-child, headerbar button.text-button.image-button.titlebutton label:first-child, + .titlebar button.text-button.image-button.titlebutton label:first-child, button.text-button.image-button label:first-child { + padding-left: 8px; } + notebook > header > tabs > arrow.text-button.image-button label:last-child, headerbar button.text-button.image-button.titlebutton label:last-child, + .titlebar button.text-button.image-button.titlebutton label:last-child, button.text-button.image-button label:last-child { + padding-right: 8px; } +button.osd { + color: #eeeeec; + border-radius: 5px; + outline-color: rgba(238, 238, 236, 0.3); + color: #eeeeec; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(238, 238, 236, 0.3); + border: none; + box-shadow: none; } + button.osd.image-button { + min-height: 48px; + min-width: 48px; } + button.osd:hover { + color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -543,12 +528,107 @@ headerbar button.titlebutton, outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } - notebook > header > tabs > arrow.osd.image-button, - button.osd.image-button { - min-height: 48px; - min-width: 48px; } - notebook > header > tabs > arrow.osd:hover, - button.osd:hover { + button.osd:active, button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(238, 238, 236, 0.3); + border: none; + box-shadow: none; } + button.osd:disabled, button.osd:backdrop:disabled { + color: #878a89; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } + button.osd:backdrop { + color: #eeeeec; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } +popover.background.touch-selection button, popover.background.magnifier button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, .app-notification button, +.app-notification.frame button, .osd button { + color: #eeeeec; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(238, 238, 236, 0.3); } + popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .app-notification button:hover, .osd button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(238, 238, 236, 0.3); } + popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:active, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification button:checked, popover.background.touch-selection button:backdrop:active, popover.background.magnifier button:backdrop:active, .app-notification button:backdrop:active, popover.background.touch-selection button:backdrop:checked, popover.background.magnifier button:backdrop:checked, .app-notification button:backdrop:checked, .osd button:active, .osd button:checked, .osd button:backdrop:active, .osd button:backdrop:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(238, 238, 236, 0.3); } + popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .app-notification button:disabled, popover.background.touch-selection button:backdrop:disabled, popover.background.magnifier button:backdrop:disabled, .app-notification button:backdrop:disabled, .osd button:disabled, .osd button:backdrop:disabled { + color: #878a89; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .app-notification button:backdrop, .osd button:backdrop { + color: #eeeeec; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + popover.background.touch-selection button.flat, popover.background.touch-selection notebook > header > tabs > arrow, popover.background.touch-selection button.sidebar-button, popover.background.touch-selection headerbar button.titlebutton, headerbar popover.background.touch-selection button.titlebutton, + popover.background.touch-selection .titlebar button.titlebutton, + .titlebar popover.background.touch-selection button.titlebutton, popover.background.magnifier button.flat, popover.background.magnifier notebook > header > tabs > arrow, popover.background.magnifier button.sidebar-button, popover.background.magnifier headerbar button.titlebutton, headerbar popover.background.magnifier button.titlebutton, + popover.background.magnifier .titlebar button.titlebutton, + .titlebar popover.background.magnifier button.titlebutton, .csd popover.background.touch-selection notebook > header > tabs > arrow, .csd popover.background.magnifier notebook > header > tabs > arrow, .app-notification button.flat, .app-notification notebook > header > tabs > arrow, .app-notification button.sidebar-button, .app-notification headerbar button.titlebutton, headerbar .app-notification button.titlebutton, + .app-notification .titlebar button.titlebutton, + .titlebar .app-notification button.titlebutton, + .app-notification.frame notebook > header > tabs > arrow, .osd button.flat, .osd notebook > header > tabs > arrow, .osd button.sidebar-button, .osd headerbar button.titlebutton, headerbar .osd button.titlebutton, + .osd .titlebar button.titlebutton, + .titlebar .osd button.titlebutton { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + popover.background.touch-selection button.flat:hover, popover.background.touch-selection notebook > header > tabs > arrow:hover, popover.background.touch-selection button.sidebar-button:hover, popover.background.touch-selection headerbar button.titlebutton:hover, headerbar popover.background.touch-selection button.titlebutton:hover, + popover.background.touch-selection .titlebar button.titlebutton:hover, + .titlebar popover.background.touch-selection button.titlebutton:hover, popover.background.magnifier button.flat:hover, popover.background.magnifier notebook > header > tabs > arrow:hover, popover.background.magnifier button.sidebar-button:hover, popover.background.magnifier headerbar button.titlebutton:hover, headerbar popover.background.magnifier button.titlebutton:hover, + popover.background.magnifier .titlebar button.titlebutton:hover, + .titlebar popover.background.magnifier button.titlebutton:hover, .app-notification button.flat:hover, .app-notification notebook > header > tabs > arrow:hover, .app-notification button.sidebar-button:hover, .app-notification headerbar button.titlebutton:hover, headerbar .app-notification button.titlebutton:hover, + .app-notification .titlebar button.titlebutton:hover, + .titlebar .app-notification button.titlebutton:hover, .osd button.flat:hover, .osd notebook > header > tabs > arrow:hover, .osd button.sidebar-button:hover, .osd headerbar button.titlebutton:hover, headerbar .osd button.titlebutton:hover, + .osd .titlebar button.titlebutton:hover, + .titlebar .osd button.titlebutton:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); @@ -556,84 +636,186 @@ headerbar button.titlebutton, box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; - outline-color: rgba(238, 238, 236, 0.3); - border: none; - box-shadow: none; } - notebook > header > tabs > arrow.osd:active, notebook > header > tabs > arrow.osd:checked, - button.osd:active, - button.osd:checked { - color: white; + outline-color: rgba(238, 238, 236, 0.3); } + popover.background.touch-selection button.flat:disabled, popover.background.touch-selection notebook > header > tabs > arrow:disabled, popover.background.touch-selection button.sidebar-button:disabled, popover.background.touch-selection headerbar button.titlebutton:disabled, headerbar popover.background.touch-selection button.titlebutton:disabled, + popover.background.touch-selection .titlebar button.titlebutton:disabled, + .titlebar popover.background.touch-selection button.titlebutton:disabled, popover.background.magnifier button.flat:disabled, popover.background.magnifier notebook > header > tabs > arrow:disabled, popover.background.magnifier button.sidebar-button:disabled, popover.background.magnifier headerbar button.titlebutton:disabled, headerbar popover.background.magnifier button.titlebutton:disabled, + popover.background.magnifier .titlebar button.titlebutton:disabled, + .titlebar popover.background.magnifier button.titlebutton:disabled, .app-notification button.flat:disabled, .app-notification notebook > header > tabs > arrow:disabled, .app-notification button.sidebar-button:disabled, .app-notification headerbar button.titlebutton:disabled, headerbar .app-notification button.titlebutton:disabled, + .app-notification .titlebar button.titlebutton:disabled, + .titlebar .app-notification button.titlebutton:disabled, .osd button.flat:disabled, .osd notebook > header > tabs > arrow:disabled, .osd button.sidebar-button:disabled, .osd headerbar button.titlebutton:disabled, headerbar .osd button.titlebutton:disabled, + .osd .titlebar button.titlebutton:disabled, + .titlebar .osd button.titlebutton:disabled { + color: #878a89; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; - outline-color: rgba(238, 238, 236, 0.3); - border: none; + background-image: none; + border-color: transparent; box-shadow: none; } - notebook > header > tabs > arrow.osd:disabled, notebook > header > tabs > arrow.osd:backdrop:disabled, - button.osd:disabled, - button.osd:backdrop:disabled { - color: #878a89; + popover.background.touch-selection button.flat:backdrop, popover.background.touch-selection notebook > header > tabs > arrow:backdrop, popover.background.touch-selection button.sidebar-button:backdrop, popover.background.touch-selection headerbar button.titlebutton:backdrop, headerbar popover.background.touch-selection button.titlebutton:backdrop, + popover.background.touch-selection .titlebar button.titlebutton:backdrop, + .titlebar popover.background.touch-selection button.titlebutton:backdrop, popover.background.magnifier button.flat:backdrop, popover.background.magnifier notebook > header > tabs > arrow:backdrop, popover.background.magnifier button.sidebar-button:backdrop, popover.background.magnifier headerbar button.titlebutton:backdrop, headerbar popover.background.magnifier button.titlebutton:backdrop, + popover.background.magnifier .titlebar button.titlebutton:backdrop, + .titlebar popover.background.magnifier button.titlebutton:backdrop, .app-notification button.flat:backdrop, .app-notification notebook > header > tabs > arrow:backdrop, .app-notification button.sidebar-button:backdrop, .app-notification headerbar button.titlebutton:backdrop, headerbar .app-notification button.titlebutton:backdrop, + .app-notification .titlebar button.titlebutton:backdrop, + .titlebar .app-notification button.titlebutton:backdrop, .osd button.flat:backdrop, .osd notebook > header > tabs > arrow:backdrop, .osd button.sidebar-button:backdrop, .osd headerbar button.titlebutton:backdrop, headerbar .osd button.titlebutton:backdrop, + .osd .titlebar button.titlebutton:backdrop, + .titlebar .osd button.titlebutton:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + popover.background.touch-selection button.flat:active, popover.background.touch-selection notebook > header > tabs > arrow:active, popover.background.touch-selection button.sidebar-button:active, popover.background.touch-selection headerbar button.titlebutton:active, headerbar popover.background.touch-selection button.titlebutton:active, + popover.background.touch-selection .titlebar button.titlebutton:active, + .titlebar popover.background.touch-selection button.titlebutton:active, popover.background.magnifier button.flat:active, popover.background.magnifier notebook > header > tabs > arrow:active, popover.background.magnifier button.sidebar-button:active, popover.background.magnifier headerbar button.titlebutton:active, headerbar popover.background.magnifier button.titlebutton:active, + popover.background.magnifier .titlebar button.titlebutton:active, + .titlebar popover.background.magnifier button.titlebutton:active, .app-notification button.flat:active, .app-notification notebook > header > tabs > arrow:active, .app-notification button.sidebar-button:active, .app-notification headerbar button.titlebutton:active, headerbar .app-notification button.titlebutton:active, + .app-notification .titlebar button.titlebutton:active, + .titlebar .app-notification button.titlebutton:active, popover.background.touch-selection button.flat:checked, popover.background.touch-selection notebook > header > tabs > arrow:checked, popover.background.touch-selection button.sidebar-button:checked, popover.background.touch-selection headerbar button.titlebutton:checked, headerbar popover.background.touch-selection button.titlebutton:checked, + popover.background.touch-selection .titlebar button.titlebutton:checked, + .titlebar popover.background.touch-selection button.titlebutton:checked, popover.background.magnifier button.flat:checked, popover.background.magnifier notebook > header > tabs > arrow:checked, popover.background.magnifier button.sidebar-button:checked, popover.background.magnifier headerbar button.titlebutton:checked, headerbar popover.background.magnifier button.titlebutton:checked, + popover.background.magnifier .titlebar button.titlebutton:checked, + .titlebar popover.background.magnifier button.titlebutton:checked, .app-notification button.flat:checked, .app-notification notebook > header > tabs > arrow:checked, .app-notification button.sidebar-button:checked, .app-notification headerbar button.titlebutton:checked, headerbar .app-notification button.titlebutton:checked, + .app-notification .titlebar button.titlebutton:checked, + .titlebar .app-notification button.titlebutton:checked, .osd button.flat:active, .osd notebook > header > tabs > arrow:active, .osd button.sidebar-button:active, .osd headerbar button.titlebutton:active, headerbar .osd button.titlebutton:active, + .osd .titlebar button.titlebutton:active, + .titlebar .osd button.titlebutton:active, .osd button.flat:checked, .osd notebook > header > tabs > arrow:checked, .osd button.sidebar-button:checked, .osd headerbar button.titlebutton:checked, headerbar .osd button.titlebutton:checked, + .osd .titlebar button.titlebutton:checked, + .titlebar .osd button.titlebutton:checked { + color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; - border: none; } - notebook > header > tabs > arrow.osd:backdrop, - button.osd:backdrop { - color: #eeeeec; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); - background-clip: padding-box; - box-shadow: none; + outline-color: rgba(238, 238, 236, 0.3); } +button.suggested-action { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #0b1e33; + background-image: linear-gradient(to bottom, #1f5894, #1d538b 60%, #1b4e83); + text-shadow: 0 -1px rgba(0, 0, 0, 0.70353); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(238, 238, 236, 0); } + button.suggested-action.flat, notebook > header > tabs > arrow.suggested-action, button.suggested-action.sidebar-button, headerbar button.suggested-action.titlebutton, + .titlebar button.suggested-action.titlebutton { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #215d9c; } + button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #0b1e33; + /* + background-image: linear-gradient(to bottom, + lighten($c, 16%), + lighten($c, 6%) 40%, + lighten($c, 2%)); + */ + background-image: linear-gradient(to bottom, #2260a0, #1f5894 60%, #1d538b); + text-shadow: 0 -1px rgba(0, 0, 0, 0.65553); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.65553); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(238, 238, 236, 0); } + button.suggested-action:active, button.suggested-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #0b1e33; + background-image: linear-gradient(to bottom, #194776, #1c5187); + text-shadow: 0 -1px rgba(0, 0, 0, 0.78353); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0); } + button.suggested-action:backdrop, button.suggested-action.flat:backdrop, notebook > header > tabs > arrow.suggested-action:backdrop, button.suggested-action.sidebar-button:backdrop, headerbar button.suggested-action.titlebutton:backdrop, + .titlebar button.suggested-action.titlebutton:backdrop { + color: #d3dfeb; + border-color: #0b1e33; + background-image: linear-gradient(to bottom, #215d9c); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } + button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, notebook > header > tabs > arrow.suggested-action:backdrop:active, button.suggested-action.sidebar-button:backdrop:active, headerbar button.suggested-action.titlebutton:backdrop:active, + .titlebar button.suggested-action.titlebutton:backdrop:active, button.suggested-action.flat:backdrop:checked, notebook > header > tabs > arrow.suggested-action:backdrop:checked, button.suggested-action.sidebar-button:backdrop:checked, headerbar button.suggested-action.titlebutton:backdrop:checked, + .titlebar button.suggested-action.titlebutton:backdrop:checked { + color: #d1dae3; + border-color: #0b1e33; + background-image: linear-gradient(to bottom, #184472); + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } + button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled, notebook > header > tabs > arrow.suggested-action:backdrop:disabled, button.suggested-action.sidebar-button:backdrop:disabled, headerbar button.suggested-action.titlebutton:backdrop:disabled, + .titlebar button.suggested-action.titlebutton:backdrop:disabled { + color: #5d6767; + border-color: #1f2222; + background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; - border: none; } - popover.background.touch-selection button, popover.background.magnifier button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, .app-notification button, .app-notification headerbar button.titlebutton, headerbar .app-notification button.titlebutton, - .app-notification .titlebar button.titlebutton, - .titlebar .app-notification button.titlebutton, - .app-notification.frame button, .osd notebook > header > tabs > arrow, .osd - button, .osd headerbar button.titlebutton, headerbar .osd button.titlebutton, - .osd .titlebar button.titlebutton, - .titlebar .osd button.titlebutton { + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } + button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, notebook > header > tabs > arrow.suggested-action:backdrop:disabled:active, button.suggested-action.sidebar-button:backdrop:disabled:active, headerbar button.suggested-action.titlebutton:backdrop:disabled:active, + .titlebar button.suggested-action.titlebutton:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked, notebook > header > tabs > arrow.suggested-action:backdrop:disabled:checked, button.suggested-action.sidebar-button:backdrop:disabled:checked, headerbar button.suggested-action.titlebutton:backdrop:disabled:checked, + .titlebar button.suggested-action.titlebutton:backdrop:disabled:checked { + color: #6c88a7; + border-color: #0b1e33; + background-image: linear-gradient(to bottom, #1d4877); + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } + button.suggested-action.flat:backdrop, notebook > header > tabs > arrow.suggested-action:backdrop, button.suggested-action.sidebar-button:backdrop, headerbar button.suggested-action.titlebutton:backdrop, + .titlebar button.suggested-action.titlebutton:backdrop, button.suggested-action.flat:disabled, notebook > header > tabs > arrow.suggested-action:disabled, button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.titlebutton:disabled, + .titlebar button.suggested-action.titlebutton:disabled, button.suggested-action.flat:backdrop:disabled, notebook > header > tabs > arrow.suggested-action:backdrop:disabled, button.suggested-action.sidebar-button:backdrop:disabled, headerbar button.suggested-action.titlebutton:backdrop:disabled, + .titlebar button.suggested-action.titlebutton:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(33, 93, 156, 0.8); } + button.suggested-action:disabled { + color: #949796; + border-color: #1c1f1f; + background-image: linear-gradient(to bottom, #333636); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } + button.suggested-action:disabled:active, button.suggested-action:disabled:checked { + color: #a5b6c9; + border-color: #0b1e33; + background-image: linear-gradient(to bottom, #1b4470, #1d4877); + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } + .osd button.suggested-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .app-notification button:hover, .osd notebook > header > tabs > arrow:hover, .osd - button:hover { + .osd button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:active, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification button:checked, popover.background.touch-selection button:backdrop:active, popover.background.magnifier button:backdrop:active, .app-notification button:backdrop:active, popover.background.touch-selection button:backdrop:checked, popover.background.magnifier button:backdrop:checked, .app-notification button:backdrop:checked, .osd notebook > header > tabs > arrow:active, .osd notebook > header > tabs > arrow:checked, .osd notebook > header > tabs > arrow:backdrop:active, .osd notebook > header > tabs > arrow:backdrop:checked, .osd - button:active, .osd - button:checked, .osd - button:backdrop:active, .osd - button:backdrop:checked { + .osd button.suggested-action:active, .osd button.suggested-action:checked, .osd button.suggested-action:backdrop:active, .osd button.suggested-action:backdrop:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-image: linear-gradient(to bottom, #215d9c); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } - popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .app-notification button:disabled, popover.background.touch-selection button:backdrop:disabled, popover.background.magnifier button:backdrop:disabled, .app-notification button:backdrop:disabled, .osd notebook > header > tabs > arrow:disabled, .osd notebook > header > tabs > arrow:backdrop:disabled, .osd - button:disabled, .osd - button:backdrop:disabled { + .osd button.suggested-action:disabled, .osd button.suggested-action:backdrop:disabled { color: #878a89; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); @@ -641,598 +823,186 @@ headerbar button.titlebutton, box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .app-notification button:backdrop, .osd notebook > header > tabs > arrow:backdrop, .osd - button:backdrop { + .osd button.suggested-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - popover.background.touch-selection button.flat, popover.background.touch-selection notebook > header > tabs > arrow, popover.background.touch-selection button.sidebar-button, popover.background.touch-selection headerbar button.titlebutton, headerbar popover.background.touch-selection button.titlebutton, - popover.background.touch-selection .titlebar button.titlebutton, - .titlebar popover.background.touch-selection button.titlebutton, popover.background.magnifier button.flat, popover.background.magnifier notebook > header > tabs > arrow, popover.background.magnifier button.sidebar-button, popover.background.magnifier headerbar button.titlebutton, headerbar popover.background.magnifier button.titlebutton, - popover.background.magnifier .titlebar button.titlebutton, - .titlebar popover.background.magnifier button.titlebutton, .csd popover.background.touch-selection notebook > header > tabs > arrow, .csd popover.background.magnifier notebook > header > tabs > arrow, .app-notification button.flat, .app-notification notebook > header > tabs > arrow, .app-notification button.sidebar-button, .app-notification headerbar button.titlebutton, headerbar .app-notification button.titlebutton, - .app-notification .titlebar button.titlebutton, - .titlebar .app-notification button.titlebutton, - .app-notification.frame notebook > header > tabs > arrow, .osd notebook > header > tabs > arrow.flat, .osd - button.flat, .osd notebook > header > tabs > arrow, .osd - button.sidebar-button, .osd headerbar button.titlebutton, headerbar .osd button.titlebutton, - .osd .titlebar button.titlebutton, - .titlebar .osd button.titlebutton { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; } - popover.background.touch-selection button.flat:hover, popover.background.touch-selection notebook > header > tabs > arrow:hover, popover.background.touch-selection button.sidebar-button:hover, popover.background.touch-selection headerbar button.titlebutton:hover, headerbar popover.background.touch-selection button.titlebutton:hover, - popover.background.touch-selection .titlebar button.titlebutton:hover, - .titlebar popover.background.touch-selection button.titlebutton:hover, popover.background.magnifier button.flat:hover, popover.background.magnifier notebook > header > tabs > arrow:hover, popover.background.magnifier button.sidebar-button:hover, popover.background.magnifier headerbar button.titlebutton:hover, headerbar popover.background.magnifier button.titlebutton:hover, - popover.background.magnifier .titlebar button.titlebutton:hover, - .titlebar popover.background.magnifier button.titlebutton:hover, .app-notification button.flat:hover, .app-notification notebook > header > tabs > arrow:hover, .app-notification button.sidebar-button:hover, .app-notification headerbar button.titlebutton:hover, headerbar .app-notification button.titlebutton:hover, - .app-notification .titlebar button.titlebutton:hover, - .titlebar .app-notification button.titlebutton:hover, .osd notebook > header > tabs > arrow.flat:hover, .osd - button.flat:hover, .osd notebook > header > tabs > arrow:hover, .osd - button.sidebar-button:hover, .osd headerbar button.titlebutton:hover, headerbar .osd button.titlebutton:hover, - .osd .titlebar button.titlebutton:hover, - .titlebar .osd button.titlebutton:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(238, 238, 236, 0.3); } - popover.background.touch-selection button.flat:disabled, popover.background.touch-selection notebook > header > tabs > arrow:disabled, popover.background.touch-selection button.sidebar-button:disabled, popover.background.touch-selection headerbar button.titlebutton:disabled, headerbar popover.background.touch-selection button.titlebutton:disabled, - popover.background.touch-selection .titlebar button.titlebutton:disabled, - .titlebar popover.background.touch-selection button.titlebutton:disabled, popover.background.magnifier button.flat:disabled, popover.background.magnifier notebook > header > tabs > arrow:disabled, popover.background.magnifier button.sidebar-button:disabled, popover.background.magnifier headerbar button.titlebutton:disabled, headerbar popover.background.magnifier button.titlebutton:disabled, - popover.background.magnifier .titlebar button.titlebutton:disabled, - .titlebar popover.background.magnifier button.titlebutton:disabled, .app-notification button.flat:disabled, .app-notification notebook > header > tabs > arrow:disabled, .app-notification button.sidebar-button:disabled, .app-notification headerbar button.titlebutton:disabled, headerbar .app-notification button.titlebutton:disabled, - .app-notification .titlebar button.titlebutton:disabled, - .titlebar .app-notification button.titlebutton:disabled, .osd notebook > header > tabs > arrow.flat:disabled, .osd - button.flat:disabled, .osd notebook > header > tabs > arrow:disabled, .osd - button.sidebar-button:disabled, .osd headerbar button.titlebutton:disabled, headerbar .osd button.titlebutton:disabled, - .osd .titlebar button.titlebutton:disabled, - .titlebar .osd button.titlebutton:disabled { - color: #878a89; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - background-image: none; - border-color: transparent; - box-shadow: none; } - popover.background.touch-selection button.flat:backdrop, popover.background.touch-selection notebook > header > tabs > arrow:backdrop, popover.background.touch-selection button.sidebar-button:backdrop, popover.background.touch-selection headerbar button.titlebutton:backdrop, headerbar popover.background.touch-selection button.titlebutton:backdrop, - popover.background.touch-selection .titlebar button.titlebutton:backdrop, - .titlebar popover.background.touch-selection button.titlebutton:backdrop, popover.background.magnifier button.flat:backdrop, popover.background.magnifier notebook > header > tabs > arrow:backdrop, popover.background.magnifier button.sidebar-button:backdrop, popover.background.magnifier headerbar button.titlebutton:backdrop, headerbar popover.background.magnifier button.titlebutton:backdrop, - popover.background.magnifier .titlebar button.titlebutton:backdrop, - .titlebar popover.background.magnifier button.titlebutton:backdrop, .app-notification button.flat:backdrop, .app-notification notebook > header > tabs > arrow:backdrop, .app-notification button.sidebar-button:backdrop, .app-notification headerbar button.titlebutton:backdrop, headerbar .app-notification button.titlebutton:backdrop, - .app-notification .titlebar button.titlebutton:backdrop, - .titlebar .app-notification button.titlebutton:backdrop, .osd notebook > header > tabs > arrow.flat:backdrop, .osd - button.flat:backdrop, .osd notebook > header > tabs > arrow:backdrop, .osd - button.sidebar-button:backdrop, .osd headerbar button.titlebutton:backdrop, headerbar .osd button.titlebutton:backdrop, - .osd .titlebar button.titlebutton:backdrop, - .titlebar .osd button.titlebutton:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - popover.background.touch-selection button.flat:active, popover.background.touch-selection notebook > header > tabs > arrow:active, popover.background.touch-selection button.sidebar-button:active, popover.background.touch-selection headerbar button.titlebutton:active, headerbar popover.background.touch-selection button.titlebutton:active, - popover.background.touch-selection .titlebar button.titlebutton:active, - .titlebar popover.background.touch-selection button.titlebutton:active, popover.background.magnifier button.flat:active, popover.background.magnifier notebook > header > tabs > arrow:active, popover.background.magnifier button.sidebar-button:active, popover.background.magnifier headerbar button.titlebutton:active, headerbar popover.background.magnifier button.titlebutton:active, - popover.background.magnifier .titlebar button.titlebutton:active, - .titlebar popover.background.magnifier button.titlebutton:active, .app-notification button.flat:active, .app-notification notebook > header > tabs > arrow:active, .app-notification button.sidebar-button:active, .app-notification headerbar button.titlebutton:active, headerbar .app-notification button.titlebutton:active, - .app-notification .titlebar button.titlebutton:active, - .titlebar .app-notification button.titlebutton:active, popover.background.touch-selection button.flat:checked, popover.background.touch-selection notebook > header > tabs > arrow:checked, popover.background.touch-selection button.sidebar-button:checked, popover.background.touch-selection headerbar button.titlebutton:checked, headerbar popover.background.touch-selection button.titlebutton:checked, - popover.background.touch-selection .titlebar button.titlebutton:checked, - .titlebar popover.background.touch-selection button.titlebutton:checked, popover.background.magnifier button.flat:checked, popover.background.magnifier notebook > header > tabs > arrow:checked, popover.background.magnifier button.sidebar-button:checked, popover.background.magnifier headerbar button.titlebutton:checked, headerbar popover.background.magnifier button.titlebutton:checked, - popover.background.magnifier .titlebar button.titlebutton:checked, - .titlebar popover.background.magnifier button.titlebutton:checked, .app-notification button.flat:checked, .app-notification notebook > header > tabs > arrow:checked, .app-notification button.sidebar-button:checked, .app-notification headerbar button.titlebutton:checked, headerbar .app-notification button.titlebutton:checked, - .app-notification .titlebar button.titlebutton:checked, - .titlebar .app-notification button.titlebutton:checked, .osd notebook > header > tabs > arrow.flat:active, .osd notebook > header > tabs > arrow.flat:checked, .osd - button.flat:active, .osd notebook > header > tabs > arrow:active, .osd - button.sidebar-button:active, .osd headerbar button.titlebutton:active, headerbar .osd button.titlebutton:active, - .osd .titlebar button.titlebutton:active, - .titlebar .osd button.titlebutton:active, .osd - button.flat:checked, .osd notebook > header > tabs > arrow:checked, .osd - button.sidebar-button:checked, .osd headerbar button.titlebutton:checked, headerbar .osd button.titlebutton:checked, - .osd .titlebar button.titlebutton:checked, - .titlebar .osd button.titlebutton:checked { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(238, 238, 236, 0.3); } - notebook > header > tabs > arrow.suggested-action, - button.suggested-action, - headerbar button.suggested-action.titlebutton, - .titlebar button.suggested-action.titlebutton { +button.destructive-action { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5e0707; + background-image: linear-gradient(to bottom, #cc0f0f, #c20f0f 60%, #b90e0e); + text-shadow: 0 -1px rgba(0, 0, 0, 0.64078); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(238, 238, 236, 0); } + button.destructive-action.flat, notebook > header > tabs > arrow.destructive-action, button.destructive-action.sidebar-button, headerbar button.destructive-action.titlebutton, + .titlebar button.destructive-action.titlebutton { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #d51010; } + button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #1f5894, #1d538b 60%, #1b4e83); - text-shadow: 0 -1px rgba(0, 0, 0, 0.70353); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(238, 238, 236, 0); } - notebook > header > tabs > arrow.suggested-action.flat, - button.suggested-action.flat, - notebook > header > tabs > arrow.suggested-action, - button.suggested-action.sidebar-button, - headerbar button.suggested-action.titlebutton, - .titlebar button.suggested-action.titlebutton { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #215d9c; } - notebook > header > tabs > arrow.suggested-action:hover, - button.suggested-action:hover { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #0b1e33; - /* - background-image: linear-gradient(to bottom, - lighten($c, 16%), - lighten($c, 6%) 40%, - lighten($c, 2%)); - */ - background-image: linear-gradient(to bottom, #2260a0, #1f5894 60%, #1d538b); - text-shadow: 0 -1px rgba(0, 0, 0, 0.65553); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.65553); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(238, 238, 236, 0); } - notebook > header > tabs > arrow.suggested-action:active, notebook > header > tabs > arrow.suggested-action:checked, - button.suggested-action:active, - button.suggested-action:checked { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #194776, #1c5187); - text-shadow: 0 -1px rgba(0, 0, 0, 0.78353); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0); } - notebook > header > tabs > arrow.suggested-action:backdrop, notebook > header > tabs > arrow.suggested-action.flat:backdrop, - button.suggested-action:backdrop, - button.suggested-action.flat:backdrop, - notebook > header > tabs > arrow.suggested-action:backdrop, - button.suggested-action.sidebar-button:backdrop, - headerbar button.suggested-action.titlebutton:backdrop, - .titlebar button.suggested-action.titlebutton:backdrop { - color: #d3dfeb; - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #215d9c); - text-shadow: none; - -gtk-icon-shadow: none; + border-color: #5e0707; + /* + background-image: linear-gradient(to bottom, + lighten($c, 16%), + lighten($c, 6%) 40%, + lighten($c, 2%)); + */ + background-image: linear-gradient(to bottom, #da1010, #cc0f0f 60%, #c20f0f); + text-shadow: 0 -1px rgba(0, 0, 0, 0.59278); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.59278); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(238, 238, 236, 0); } + button.destructive-action:active, button.destructive-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5e0707; + background-image: linear-gradient(to bottom, #aa0d0d, #bd0e0e); + text-shadow: 0 -1px rgba(0, 0, 0, 0.72078); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.72078); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0); } + button.destructive-action:backdrop, button.destructive-action.flat:backdrop, notebook > header > tabs > arrow.destructive-action:backdrop, button.destructive-action.sidebar-button:backdrop, headerbar button.destructive-action.titlebutton:backdrop, + .titlebar button.destructive-action.titlebutton:backdrop { + color: #f7cfcf; + border-color: #5e0707; + background-image: linear-gradient(to bottom, #d51010); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } + button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, notebook > header > tabs > arrow.destructive-action:backdrop:active, button.destructive-action.sidebar-button:backdrop:active, headerbar button.destructive-action.titlebutton:backdrop:active, + .titlebar button.destructive-action.titlebutton:backdrop:active, button.destructive-action.flat:backdrop:checked, notebook > header > tabs > arrow.destructive-action:backdrop:checked, button.destructive-action.sidebar-button:backdrop:checked, headerbar button.destructive-action.titlebutton:backdrop:checked, + .titlebar button.destructive-action.titlebutton:backdrop:checked { + color: #edcece; + border-color: #5e0707; + background-image: linear-gradient(to bottom, #a60c0c); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - notebook > header > tabs > arrow.suggested-action:backdrop:active, notebook > header > tabs > arrow.suggested-action:backdrop:checked, notebook > header > tabs > arrow.suggested-action.flat:backdrop:active, notebook > header > tabs > arrow.suggested-action.flat:backdrop:checked, - button.suggested-action:backdrop:active, - button.suggested-action:backdrop:checked, - button.suggested-action.flat:backdrop:active, - notebook > header > tabs > arrow.suggested-action:backdrop:active, - button.suggested-action.sidebar-button:backdrop:active, - headerbar button.suggested-action.titlebutton:backdrop:active, - .titlebar button.suggested-action.titlebutton:backdrop:active, - button.suggested-action.flat:backdrop:checked, - notebook > header > tabs > arrow.suggested-action:backdrop:checked, - button.suggested-action.sidebar-button:backdrop:checked, - headerbar button.suggested-action.titlebutton:backdrop:checked, - .titlebar button.suggested-action.titlebutton:backdrop:checked { - color: #d1dae3; - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #184472); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - notebook > header > tabs > arrow.suggested-action:backdrop:disabled, notebook > header > tabs > arrow.suggested-action.flat:backdrop:disabled, - button.suggested-action:backdrop:disabled, - button.suggested-action.flat:backdrop:disabled, - notebook > header > tabs > arrow.suggested-action:backdrop:disabled, - button.suggested-action.sidebar-button:backdrop:disabled, - headerbar button.suggested-action.titlebutton:backdrop:disabled, - .titlebar button.suggested-action.titlebutton:backdrop:disabled { - color: #5d6767; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #333636); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - notebook > header > tabs > arrow.suggested-action:backdrop:disabled:active, notebook > header > tabs > arrow.suggested-action:backdrop:disabled:checked, notebook > header > tabs > arrow.suggested-action.flat:backdrop:disabled:active, notebook > header > tabs > arrow.suggested-action.flat:backdrop:disabled:checked, - button.suggested-action:backdrop:disabled:active, - button.suggested-action:backdrop:disabled:checked, - button.suggested-action.flat:backdrop:disabled:active, - notebook > header > tabs > arrow.suggested-action:backdrop:disabled:active, - button.suggested-action.sidebar-button:backdrop:disabled:active, - headerbar button.suggested-action.titlebutton:backdrop:disabled:active, - .titlebar button.suggested-action.titlebutton:backdrop:disabled:active, - button.suggested-action.flat:backdrop:disabled:checked, - notebook > header > tabs > arrow.suggested-action:backdrop:disabled:checked, - button.suggested-action.sidebar-button:backdrop:disabled:checked, - headerbar button.suggested-action.titlebutton:backdrop:disabled:checked, - .titlebar button.suggested-action.titlebutton:backdrop:disabled:checked { - color: #6c88a7; - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #1d4877); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - notebook > header > tabs > arrow.suggested-action.flat:backdrop, notebook > header > tabs > arrow.suggested-action.flat:disabled, notebook > header > tabs > arrow.suggested-action.flat:backdrop:disabled, - button.suggested-action.flat:backdrop, - notebook > header > tabs > arrow.suggested-action:backdrop, - button.suggested-action.sidebar-button:backdrop, - headerbar button.suggested-action.titlebutton:backdrop, - .titlebar button.suggested-action.titlebutton:backdrop, - button.suggested-action.flat:disabled, - notebook > header > tabs > arrow.suggested-action:disabled, - button.suggested-action.sidebar-button:disabled, - headerbar button.suggested-action.titlebutton:disabled, - .titlebar button.suggested-action.titlebutton:disabled, - button.suggested-action.flat:backdrop:disabled, - notebook > header > tabs > arrow.suggested-action:backdrop:disabled, - button.suggested-action.sidebar-button:backdrop:disabled, - headerbar button.suggested-action.titlebutton:backdrop:disabled, - .titlebar button.suggested-action.titlebutton:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(33, 93, 156, 0.8); } - notebook > header > tabs > arrow.suggested-action:disabled, - button.suggested-action:disabled { - color: #949796; - border-color: #1c1f1f; + button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled, notebook > header > tabs > arrow.destructive-action:backdrop:disabled, button.destructive-action.sidebar-button:backdrop:disabled, headerbar button.destructive-action.titlebutton:backdrop:disabled, + .titlebar button.destructive-action.titlebutton:backdrop:disabled { + color: #5d6767; + border-color: #1f2222; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - notebook > header > tabs > arrow.suggested-action:disabled:active, notebook > header > tabs > arrow.suggested-action:disabled:checked, - button.suggested-action:disabled:active, - button.suggested-action:disabled:checked { - color: #a5b6c9; - border-color: #0b1e33; - background-image: linear-gradient(to bottom, #1b4470, #1d4877); + button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, notebook > header > tabs > arrow.destructive-action:backdrop:disabled:active, button.destructive-action.sidebar-button:backdrop:disabled:active, headerbar button.destructive-action.titlebutton:backdrop:disabled:active, + .titlebar button.destructive-action.titlebutton:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked, notebook > header > tabs > arrow.destructive-action:backdrop:disabled:checked, button.destructive-action.sidebar-button:backdrop:disabled:checked, headerbar button.destructive-action.titlebutton:backdrop:disabled:checked, + .titlebar button.destructive-action.titlebutton:backdrop:disabled:checked { + color: #c46565; + border-color: #5e0707; + background-image: linear-gradient(to bottom, #a41212); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - .osd notebook > header > tabs > arrow.suggested-action, .osd - button.suggested-action { - color: #eeeeec; + button.destructive-action.flat:backdrop, notebook > header > tabs > arrow.destructive-action:backdrop, button.destructive-action.sidebar-button:backdrop, headerbar button.destructive-action.titlebutton:backdrop, + .titlebar button.destructive-action.titlebutton:backdrop, button.destructive-action.flat:disabled, notebook > header > tabs > arrow.destructive-action:disabled, button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.titlebutton:disabled, + .titlebar button.destructive-action.titlebutton:disabled, button.destructive-action.flat:backdrop:disabled, notebook > header > tabs > arrow.destructive-action:backdrop:disabled, button.destructive-action.sidebar-button:backdrop:disabled, headerbar button.destructive-action.titlebutton:backdrop:disabled, + .titlebar button.destructive-action.titlebutton:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(213, 16, 16, 0.8); } + button.destructive-action:disabled { + color: #949796; + border-color: #1c1f1f; + background-image: linear-gradient(to bottom, #333636); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } + button.destructive-action:disabled:active, button.destructive-action:disabled:checked { + color: #dba0a0; + border-color: #5e0707; + background-image: linear-gradient(to bottom, #9d1111, #a41212); + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } + .osd button.destructive-action { + color: #eeeeec; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.5)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(238, 238, 236, 0.3); } + .osd button.destructive-action:hover { + color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.5)); + background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - .osd notebook > header > tabs > arrow.suggested-action:hover, .osd - button.suggested-action:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.7)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(238, 238, 236, 0.3); } - .osd notebook > header > tabs > arrow.suggested-action:active, .osd notebook > header > tabs > arrow.suggested-action:checked, .osd notebook > header > tabs > arrow.suggested-action:backdrop:active, .osd notebook > header > tabs > arrow.suggested-action:backdrop:checked, .osd - button.suggested-action:active, .osd - button.suggested-action:checked, .osd - button.suggested-action:backdrop:active, .osd - button.suggested-action:backdrop:checked { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, #215d9c); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(238, 238, 236, 0.3); } - .osd notebook > header > tabs > arrow.suggested-action:disabled, .osd notebook > header > tabs > arrow.suggested-action:backdrop:disabled, .osd - button.suggested-action:disabled, .osd - button.suggested-action:backdrop:disabled { - color: #878a89; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd notebook > header > tabs > arrow.suggested-action:backdrop, .osd - button.suggested-action:backdrop { - color: #eeeeec; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(33, 93, 156, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - notebook > header > tabs > arrow.destructive-action, - button.destructive-action, - headerbar button.destructive-action.titlebutton, - .titlebar button.destructive-action.titlebutton { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #5e0707; - background-image: linear-gradient(to bottom, #cc0f0f, #c20f0f 60%, #b90e0e); - text-shadow: 0 -1px rgba(0, 0, 0, 0.64078); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(238, 238, 236, 0); } - notebook > header > tabs > arrow.destructive-action.flat, - button.destructive-action.flat, - notebook > header > tabs > arrow.destructive-action, - button.destructive-action.sidebar-button, - headerbar button.destructive-action.titlebutton, - .titlebar button.destructive-action.titlebutton { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #d51010; } - notebook > header > tabs > arrow.destructive-action:hover, - button.destructive-action:hover { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #5e0707; - /* - background-image: linear-gradient(to bottom, - lighten($c, 16%), - lighten($c, 6%) 40%, - lighten($c, 2%)); - */ - background-image: linear-gradient(to bottom, #da1010, #cc0f0f 60%, #c20f0f); - text-shadow: 0 -1px rgba(0, 0, 0, 0.59278); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.59278); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(238, 238, 236, 0); } - notebook > header > tabs > arrow.destructive-action:active, notebook > header > tabs > arrow.destructive-action:checked, - button.destructive-action:active, - button.destructive-action:checked { + .osd button.destructive-action:active, .osd button.destructive-action:checked, .osd button.destructive-action:backdrop:active, .osd button.destructive-action:backdrop:checked { color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #5e0707; - background-image: linear-gradient(to bottom, #aa0d0d, #bd0e0e); - text-shadow: 0 -1px rgba(0, 0, 0, 0.72078); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.72078); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0); } - notebook > header > tabs > arrow.destructive-action:backdrop, notebook > header > tabs > arrow.destructive-action.flat:backdrop, - button.destructive-action:backdrop, - button.destructive-action.flat:backdrop, - notebook > header > tabs > arrow.destructive-action:backdrop, - button.destructive-action.sidebar-button:backdrop, - headerbar button.destructive-action.titlebutton:backdrop, - .titlebar button.destructive-action.titlebutton:backdrop { - color: #f7cfcf; - border-color: #5e0707; + border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, #d51010); + background-clip: padding-box; + box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - notebook > header > tabs > arrow.destructive-action:backdrop:active, notebook > header > tabs > arrow.destructive-action:backdrop:checked, notebook > header > tabs > arrow.destructive-action.flat:backdrop:active, notebook > header > tabs > arrow.destructive-action.flat:backdrop:checked, - button.destructive-action:backdrop:active, - button.destructive-action:backdrop:checked, - button.destructive-action.flat:backdrop:active, - notebook > header > tabs > arrow.destructive-action:backdrop:active, - button.destructive-action.sidebar-button:backdrop:active, - headerbar button.destructive-action.titlebutton:backdrop:active, - .titlebar button.destructive-action.titlebutton:backdrop:active, - button.destructive-action.flat:backdrop:checked, - notebook > header > tabs > arrow.destructive-action:backdrop:checked, - button.destructive-action.sidebar-button:backdrop:checked, - headerbar button.destructive-action.titlebutton:backdrop:checked, - .titlebar button.destructive-action.titlebutton:backdrop:checked { - color: #edcece; - border-color: #5e0707; - background-image: linear-gradient(to bottom, #a60c0c); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - notebook > header > tabs > arrow.destructive-action:backdrop:disabled, notebook > header > tabs > arrow.destructive-action.flat:backdrop:disabled, - button.destructive-action:backdrop:disabled, - button.destructive-action.flat:backdrop:disabled, - notebook > header > tabs > arrow.destructive-action:backdrop:disabled, - button.destructive-action.sidebar-button:backdrop:disabled, - headerbar button.destructive-action.titlebutton:backdrop:disabled, - .titlebar button.destructive-action.titlebutton:backdrop:disabled { - color: #5d6767; - border-color: #1f2222; - background-image: linear-gradient(to bottom, #333636); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - notebook > header > tabs > arrow.destructive-action:backdrop:disabled:active, notebook > header > tabs > arrow.destructive-action:backdrop:disabled:checked, notebook > header > tabs > arrow.destructive-action.flat:backdrop:disabled:active, notebook > header > tabs > arrow.destructive-action.flat:backdrop:disabled:checked, - button.destructive-action:backdrop:disabled:active, - button.destructive-action:backdrop:disabled:checked, - button.destructive-action.flat:backdrop:disabled:active, - notebook > header > tabs > arrow.destructive-action:backdrop:disabled:active, - button.destructive-action.sidebar-button:backdrop:disabled:active, - headerbar button.destructive-action.titlebutton:backdrop:disabled:active, - .titlebar button.destructive-action.titlebutton:backdrop:disabled:active, - button.destructive-action.flat:backdrop:disabled:checked, - notebook > header > tabs > arrow.destructive-action:backdrop:disabled:checked, - button.destructive-action.sidebar-button:backdrop:disabled:checked, - headerbar button.destructive-action.titlebutton:backdrop:disabled:checked, - .titlebar button.destructive-action.titlebutton:backdrop:disabled:checked { - color: #c46565; - border-color: #5e0707; - background-image: linear-gradient(to bottom, #a41212); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - notebook > header > tabs > arrow.destructive-action.flat:backdrop, notebook > header > tabs > arrow.destructive-action.flat:disabled, notebook > header > tabs > arrow.destructive-action.flat:backdrop:disabled, - button.destructive-action.flat:backdrop, - notebook > header > tabs > arrow.destructive-action:backdrop, - button.destructive-action.sidebar-button:backdrop, - headerbar button.destructive-action.titlebutton:backdrop, - .titlebar button.destructive-action.titlebutton:backdrop, - button.destructive-action.flat:disabled, - notebook > header > tabs > arrow.destructive-action:disabled, - button.destructive-action.sidebar-button:disabled, - headerbar button.destructive-action.titlebutton:disabled, - .titlebar button.destructive-action.titlebutton:disabled, - button.destructive-action.flat:backdrop:disabled, - notebook > header > tabs > arrow.destructive-action:backdrop:disabled, - button.destructive-action.sidebar-button:backdrop:disabled, - headerbar button.destructive-action.titlebutton:backdrop:disabled, - .titlebar button.destructive-action.titlebutton:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(213, 16, 16, 0.8); } - notebook > header > tabs > arrow.destructive-action:disabled, - button.destructive-action:disabled { - color: #949796; - border-color: #1c1f1f; - background-image: linear-gradient(to bottom, #333636); + outline-color: rgba(238, 238, 236, 0.3); } + .osd button.destructive-action:disabled, .osd button.destructive-action:backdrop:disabled { + color: #878a89; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-clip: padding-box; + box-shadow: none; text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - notebook > header > tabs > arrow.destructive-action:disabled:active, notebook > header > tabs > arrow.destructive-action:disabled:checked, - button.destructive-action:disabled:active, - button.destructive-action:disabled:checked { - color: #dba0a0; - border-color: #5e0707; - background-image: linear-gradient(to bottom, #9d1111, #a41212); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - .osd notebook > header > tabs > arrow.destructive-action, .osd - button.destructive-action { + -gtk-icon-shadow: none; } + .osd button.destructive-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.5)); background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(238, 238, 236, 0.3); } - .osd notebook > header > tabs > arrow.destructive-action:hover, .osd - button.destructive-action:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.7)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(238, 238, 236, 0.3); } - .osd notebook > header > tabs > arrow.destructive-action:active, .osd notebook > header > tabs > arrow.destructive-action:checked, .osd notebook > header > tabs > arrow.destructive-action:backdrop:active, .osd notebook > header > tabs > arrow.destructive-action:backdrop:checked, .osd - button.destructive-action:active, .osd - button.destructive-action:checked, .osd - button.destructive-action:backdrop:active, .osd - button.destructive-action:backdrop:checked { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, #d51010); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(238, 238, 236, 0.3); } - .osd notebook > header > tabs > arrow.destructive-action:disabled, .osd notebook > header > tabs > arrow.destructive-action:backdrop:disabled, .osd - button.destructive-action:disabled, .osd - button.destructive-action:backdrop:disabled { - color: #878a89; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd notebook > header > tabs > arrow.destructive-action:backdrop, .osd - button.destructive-action:backdrop { - color: #eeeeec; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(213, 16, 16, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - notebook > header > tabs > arrow.text-button, - button.text-button, - headerbar button.text-button.titlebutton, - .titlebar button.text-button.titlebutton { - padding-left: 16px; - padding-right: 16px; } - notebook > header > tabs > arrow.text-button.image-button label:first-child, - button.text-button.image-button label:first-child { - padding-left: 8px; } - notebook > header > tabs > arrow.text-button.image-button label:last-child, - button.text-button.image-button label:last-child { - padding-right: 8px; } - notebook > header > tabs.stack-switcher > arrow, .stack-switcher > - button, headerbar .stack-switcher > button.titlebutton, - .titlebar .stack-switcher > button.titlebutton { - outline-offset: -3px; } - notebook > header > tabs.stack-switcher > arrow > label, .stack-switcher > - button > label, - .titlebar .stack-switcher > button.titlebutton > label { - padding-left: 6px; - padding-right: 6px; } - notebook > header > tabs.stack-switcher > arrow > image, .stack-switcher > - button > image, - .titlebar .stack-switcher > button.titlebutton > image { - padding-left: 6px; - padding-right: 6px; - padding-top: 3px; - padding-bottom: 3px; } - notebook > header > tabs.stack-switcher > arrow.text-button, .stack-switcher > - button.text-button, headerbar .stack-switcher > button.text-button.titlebutton, - .titlebar .stack-switcher > button.text-button.titlebutton { - padding-left: 10px; - padding-right: 10px; } - notebook > header > tabs.stack-switcher > arrow.image-button, .stack-switcher > - button.image-button, headerbar .stack-switcher > button.image-button.titlebutton, - .titlebar .stack-switcher > button.image-button.titlebutton { - padding-left: 2px; - padding-right: 2px; } - notebook > header > tabs.stack-switcher > arrow.needs-attention:active > label, notebook > header > tabs.stack-switcher > arrow.needs-attention:active > image, notebook > header > tabs.stack-switcher > arrow.needs-attention:checked > label, notebook > header > tabs.stack-switcher > arrow.needs-attention:checked > image, .stack-switcher > - button.needs-attention:active > label, .stack-switcher > - button.needs-attention:active > image, .stack-switcher > - button.needs-attention:checked > label, .stack-switcher > - button.needs-attention:checked > image { - animation: none; - background-image: none; } - .inline-toolbar notebook > header > tabs > arrow, .inline-toolbar notebook > header > tabs > arrow:backdrop, .inline-toolbar - button, .inline-toolbar headerbar button.titlebutton, headerbar .inline-toolbar button.titlebutton, - .inline-toolbar .titlebar button.titlebutton, - .titlebar .inline-toolbar button.titlebutton, .inline-toolbar - button:backdrop { - border-radius: 2px; - border-width: 1px; } - .primary-toolbar notebook > header > tabs > arrow, .primary-toolbar - button, .primary-toolbar headerbar button.titlebutton, headerbar .primary-toolbar button.titlebutton, - .primary-toolbar .titlebar button.titlebutton, - .titlebar .primary-toolbar button.titlebutton { - -gtk-icon-shadow: none; } + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +.stack-switcher > button { + outline-offset: -3px; } + .stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; } + .stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + .stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; } + .stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; } + .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; } +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 2px; + border-width: 1px; } +.primary-toolbar button { + -gtk-icon-shadow: none; } -notebook > header > tabs.stack-switcher > arrow.needs-attention > label, notebook > header > tabs.stack-switcher > arrow.needs-attention > image, .stack-switcher > -button.needs-attention > label, .stack-switcher > -button.needs-attention > image, stacksidebar row.needs-attention > label { +.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3583d5), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.81176)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } - notebook > header > tabs.stack-switcher > arrow.needs-attention > label:backdrop, notebook > header > tabs.stack-switcher > arrow.needs-attention > image:backdrop, .stack-switcher > - button.needs-attention > label:backdrop, .stack-switcher > - button.needs-attention > image:backdrop, stacksidebar row.needs-attention > label:backdrop { + .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, stacksidebar row.needs-attention > label:backdrop { background-size: 6px 6px, 0 0; } - notebook > header > tabs.stack-switcher > arrow.needs-attention > label:dir(rtl), notebook > header > tabs.stack-switcher > arrow.needs-attention > image:dir(rtl), .stack-switcher > - button.needs-attention > label:dir(rtl), .stack-switcher > - button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { + .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { background-position: left 3px, left 2px; } -.inline-toolbar toolbutton > button, .inline-toolbar headerbar toolbutton > button.titlebutton, -.inline-toolbar .titlebar toolbutton > button.titlebutton, -.titlebar .inline-toolbar toolbutton > button.titlebutton { +.inline-toolbar toolbutton > button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1c1f1f; @@ -1240,8 +1010,7 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(238, 238, 236, 0); } - .inline-toolbar toolbutton > button:hover, .inline-toolbar headerbar toolbutton > button.titlebutton:hover, - .inline-toolbar .titlebar toolbutton > button.titlebutton:hover { + .inline-toolbar toolbutton > button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1c1f1f; @@ -1255,9 +1024,7 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { text-shadow: 0 -1px rgba(0, 0, 0, 0.76376); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.76376); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05), 0 1px rgba(238, 238, 236, 0); } - .inline-toolbar toolbutton > button:active, .inline-toolbar headerbar toolbutton > button.titlebutton:active, - .inline-toolbar .titlebar toolbutton > button.titlebutton:active, .inline-toolbar toolbutton > button:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:checked, - .inline-toolbar .titlebar toolbutton > button.titlebutton:checked { + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1c1f1f; @@ -1265,47 +1032,38 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { text-shadow: 0 -1px rgba(0, 0, 0, 0.89176); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176); box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0); } - .inline-toolbar toolbutton > button:disabled, .inline-toolbar headerbar toolbutton > button.titlebutton:disabled, - .inline-toolbar .titlebar toolbutton > button.titlebutton:disabled { + .inline-toolbar toolbutton > button:disabled { color: #949796; border-color: #1c1f1f; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar headerbar toolbutton > button.titlebutton:disabled:active, - .inline-toolbar .titlebar toolbutton > button.titlebutton:disabled:active, .inline-toolbar toolbutton > button:disabled:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:disabled:checked, - .inline-toolbar .titlebar toolbutton > button.titlebutton:disabled:checked { + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { color: #949796; border-color: #1c1f1f; background-image: linear-gradient(to bottom, #313434, #333636); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - .inline-toolbar toolbutton > button:backdrop, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop, - .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop { + .inline-toolbar toolbutton > button:backdrop { color: #949796; border-color: #1f2222; background-image: linear-gradient(to bottom, #393f3f); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:active, - .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:checked, - .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:checked { + .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { color: #949796; border-color: #1f2222; background-image: linear-gradient(to bottom, #303535); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - .inline-toolbar toolbutton > button:backdrop:disabled, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:disabled, - .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:disabled { + .inline-toolbar toolbutton > button:backdrop:disabled { color: #5d6767; border-color: #1f2222; background-image: linear-gradient(to bottom, #333636); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0); } - .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:disabled:active, - .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:disabled:checked, - .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:disabled:checked { + .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { color: #5d6767; border-color: #1f2222; background-image: linear-gradient(to bottom, #272929); @@ -1314,6 +1072,8 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, searchbar.inline-toolbar toolbutton > button.flat, .inline-toolbar.location-bar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, searchbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar.location-bar toolbutton > button.sidebar-button, .inline-toolbar headerbar toolbutton > button.titlebutton, headerbar .inline-toolbar toolbutton > button.titlebutton, +.inline-toolbar .titlebar toolbutton > button.titlebutton, +.titlebar .inline-toolbar toolbutton > button.titlebutton, toolbar.inline-toolbar toolbutton:backdrop > button.flat, .inline-toolbar toolbutton:backdrop > button.flat, searchbar.inline-toolbar toolbutton:backdrop > button.flat, @@ -1325,24 +1085,11 @@ searchbar.inline-toolbar toolbutton:backdrop > button.sidebar-button, .inline-toolbar headerbar toolbutton:backdrop > button.titlebutton, headerbar .inline-toolbar toolbutton:backdrop > button.titlebutton, .inline-toolbar .titlebar toolbutton:backdrop > button.titlebutton, -.titlebar .inline-toolbar toolbutton:backdrop > button.titlebutton, .linked:not(.vertical) > entry, .linked:not(.vertical) > spinbutton:not(.vertical), .inline-toolbar notebook > header > tabs > arrow, .inline-toolbar notebook > header > tabs > arrow:backdrop, .inline-toolbar -button, .inline-toolbar headerbar button.titlebutton, headerbar .inline-toolbar button.titlebutton, -.inline-toolbar .titlebar button.titlebutton, -.titlebar .inline-toolbar button.titlebutton, .inline-toolbar -button:backdrop, notebook > header > tabs.linked > arrow, notebook > header > tabs.linked > arrow:hover, notebook > header > tabs.linked > arrow:active, notebook > header > tabs.linked > arrow:checked, notebook > header > tabs.linked > arrow:backdrop, .linked > -button, headerbar .linked > button.titlebutton, -.titlebar .linked > button.titlebutton, .linked > -button:hover, .linked > -button:active, .linked > -button:checked, .linked > -button:backdrop, .linked > combobox > button.combo:dir(ltr), .linked > combobox > button.combo:dir(rtl) { +.titlebar .inline-toolbar toolbutton:backdrop > button.titlebutton, .linked:not(.vertical) > entry, .linked:not(.vertical) > spinbutton:not(.vertical), .inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop, .linked > combobox > button.combo:dir(ltr), .linked > combobox > button.combo:dir(rtl) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .inline-toolbar notebook > header > tabs > arrow:first-child, .inline-toolbar notebook > header > tabs > arrow:first-child:backdrop, .inline-toolbar -button:first-child, notebook > header > tabs.linked > arrow:first-child, notebook > header > tabs.linked > arrow:first-child:hover, notebook > header > tabs.linked > arrow:first-child:active, notebook > header > tabs.linked > arrow:first-child:checked, notebook > header > tabs.linked > arrow:first-child:backdrop, .linked > -button:first-child, headerbar .linked > button.titlebutton:first-child, -.titlebar .linked > button.titlebutton:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, searchbar.inline-toolbar toolbutton:first-child > button.flat, +.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .inline-toolbar button:first-child, .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, searchbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar.location-bar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, searchbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar.location-bar toolbutton:first-child > button.sidebar-button, .inline-toolbar headerbar toolbutton:first-child > button.titlebutton, headerbar .inline-toolbar toolbutton:first-child > button.titlebutton, .inline-toolbar .titlebar toolbutton:first-child > button.titlebutton, @@ -1361,10 +1108,7 @@ headerbar .inline-toolbar toolbutton:backdrop:first-child > button.titlebutton, .titlebar .inline-toolbar toolbutton:backdrop:first-child > button.titlebutton, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .inline-toolbar notebook > header > tabs > arrow:last-child, .inline-toolbar notebook > header > tabs > arrow:last-child:backdrop, .inline-toolbar -button:last-child, notebook > header > tabs.linked > arrow:last-child, notebook > header > tabs.linked > arrow:last-child:hover, notebook > header > tabs.linked > arrow:last-child:active, notebook > header > tabs.linked > arrow:last-child:checked, notebook > header > tabs.linked > arrow:last-child:backdrop, .linked > -button:last-child, headerbar .linked > button.titlebutton:last-child, -.titlebar .linked > button.titlebutton:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, searchbar.inline-toolbar toolbutton:last-child > button.flat, +.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .inline-toolbar button:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, searchbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar.location-bar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, searchbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar.location-bar toolbutton:last-child > button.sidebar-button, .inline-toolbar headerbar toolbutton:last-child > button.titlebutton, headerbar .inline-toolbar toolbutton:last-child > button.titlebutton, .inline-toolbar .titlebar toolbutton:last-child > button.titlebutton, @@ -1384,10 +1128,7 @@ headerbar .inline-toolbar toolbutton:backdrop:last-child > button.titlebutton, border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .inline-toolbar notebook > header > tabs > arrow:only-child, .inline-toolbar notebook > header > tabs > arrow:only-child:backdrop, .inline-toolbar -button:only-child, notebook > header > tabs.linked > arrow:only-child, notebook > header > tabs.linked > arrow:only-child:hover, notebook > header > tabs.linked > arrow:only-child:active, notebook > header > tabs.linked > arrow:only-child:checked, notebook > header > tabs.linked > arrow:only-child:backdrop, .linked > -button:only-child, headerbar .linked > button.titlebutton:only-child, -.titlebar .linked > button.titlebutton:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, searchbar.inline-toolbar toolbutton:only-child > button.flat, +.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .inline-toolbar button:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, searchbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar.location-bar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, searchbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar.location-bar toolbutton:only-child > button.sidebar-button, .inline-toolbar headerbar toolbutton:only-child > button.titlebutton, headerbar .inline-toolbar toolbutton:only-child > button.titlebutton, .inline-toolbar .titlebar toolbutton:only-child > button.titlebutton, @@ -1407,41 +1148,26 @@ headerbar .inline-toolbar toolbutton:backdrop:only-child > button.titlebutton, border-radius: 3px; border-style: solid; } -.linked.vertical > entry, .linked.vertical > spinbutton:not(.vertical), notebook > header > tabs.linked.vertical > arrow, notebook > header > tabs.linked.vertical > arrow:hover, notebook > header > tabs.linked.vertical > arrow:active, notebook > header > tabs.linked.vertical > arrow:checked, notebook > header > tabs.linked.vertical > arrow:backdrop, .linked.vertical > -button, headerbar .linked.vertical > button.titlebutton, -.titlebar .linked.vertical > button.titlebutton, .linked.vertical > -button:hover, .linked.vertical > -button:active, .linked.vertical > -button:checked, .linked.vertical > -button:backdrop, .linked.vertical > combobox > button.combo { +.linked.vertical > entry, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop, .linked.vertical > combobox > button.combo { border-style: solid solid none solid; border-radius: 0; } -.linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child:not(.vertical), notebook > header > tabs.linked.vertical > arrow:first-child, notebook > header > tabs.linked.vertical > arrow:first-child:hover, notebook > header > tabs.linked.vertical > arrow:first-child:active, notebook > header > tabs.linked.vertical > arrow:first-child:checked, notebook > header > tabs.linked.vertical > arrow:first-child:backdrop, .linked.vertical > -button:first-child, headerbar .linked.vertical > button.titlebutton:first-child, -.titlebar .linked.vertical > button.titlebutton:first-child, .linked.vertical > combobox:first-child > button.combo { +.linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > button.combo { border-top-left-radius: 3px; border-top-right-radius: 3px; } -.linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child:not(.vertical), notebook > header > tabs.linked.vertical > arrow:last-child, notebook > header > tabs.linked.vertical > arrow:last-child:hover, notebook > header > tabs.linked.vertical > arrow:last-child:active, notebook > header > tabs.linked.vertical > arrow:last-child:checked, notebook > header > tabs.linked.vertical > arrow:last-child:backdrop, .linked.vertical > -button:last-child, headerbar .linked.vertical > button.titlebutton:last-child, -.titlebar .linked.vertical > button.titlebutton:last-child, .linked.vertical > combobox:last-child > button.combo { +.linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > button.combo { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-style: solid; } -.linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child:not(.vertical), notebook > header > tabs.linked.vertical > arrow:only-child, notebook > header > tabs.linked.vertical > arrow:only-child:hover, notebook > header > tabs.linked.vertical > arrow:only-child:active, notebook > header > tabs.linked.vertical > arrow:only-child:checked, notebook > header > tabs.linked.vertical > arrow:only-child:backdrop, .linked.vertical > -button:only-child, headerbar .linked.vertical > button.titlebutton:only-child, -.titlebar .linked.vertical > button.titlebutton:only-child, .linked.vertical > combobox:only-child > button.combo { +.linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > button.combo { border-radius: 3px; border-style: solid; } modelbutton.flat, .menuitem.button.flat, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, .menuitem.button.flat:backdrop, -.menuitem.button.flat:backdrop:hover, button:link, headerbar button.titlebutton:link, -.titlebar button.titlebutton:link, -button:visited, -headerbar button.titlebutton:visited, -.titlebar button.titlebutton:visited, button:link:hover, button:link:active, button:link:checked, +.menuitem.button.flat:backdrop:hover, button:link, +button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link:backdrop, @@ -1485,8 +1211,7 @@ modelbutton.flat arrow { modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } -button.color, headerbar button.color.titlebutton, -.titlebar button.color.titlebutton { +button.color { padding: 4px; } button.color colorswatch:only-child, button.color colorswatch:only-child overlay { border-radius: 0; } @@ -1494,23 +1219,14 @@ button.color, headerbar button.color.titlebutton, /********* * Links * *********/ -*:link, button:link, headerbar button.titlebutton:link, -.titlebar button.titlebutton:link, -button:visited, -headerbar button.titlebutton:visited, -.titlebar button.titlebutton:visited { +*:link, button:link, +button:visited { color: #4a90d9; } *:link:visited, - button:visited, - headerbar button.titlebutton:visited, - .titlebar button.titlebutton:visited { + button:visited { color: #2a76c6; } *:selected *:link:visited, *:selected button:visited:link, - *:selected button:visited, - *:selected headerbar button.titlebutton:visited, - headerbar *:selected button.titlebutton:visited, - *:selected .titlebar button.titlebutton:visited, - .titlebar *:selected button.titlebutton:visited { + *:selected button:visited { color: #a6bed7; } *:link:hover, button:hover:link, button:hover:visited { @@ -1536,22 +1252,16 @@ headerbar button.titlebutton:visited, *:selected button:visited { color: #d3dfeb; } -button:link, headerbar button.titlebutton:link, -.titlebar button.titlebutton:link, -button:visited, -headerbar button.titlebutton:visited, -.titlebar button.titlebutton:visited { +button:link, +button:visited { text-shadow: none; } button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked { text-shadow: none; } - button:link > label, headerbar button.titlebutton:link > label, - .titlebar button.titlebutton:link > label, - button:visited > label, - headerbar button.titlebutton:visited > label, - .titlebar button.titlebutton:visited > label { + button:link > label, + button:visited > label { text-decoration-line: underline; } /***************** @@ -1564,9 +1274,7 @@ spinbutton:not(.vertical) { background: none; border: none; box-shadow: none; } - spinbutton:not(.vertical) button, - spinbutton:not(.vertical) .titlebar button.titlebutton, - .titlebar spinbutton:not(.vertical) button.titlebutton { + spinbutton:not(.vertical) button { margin: 0; background-image: none; border-style: none none none solid; @@ -1659,9 +1367,7 @@ spinbutton.vertical entry, spinbutton.vertical spinbutton:not(.vertical) { min-width: 32px; padding: 0; border-radius: 0; } -spinbutton.vertical button, -spinbutton.vertical .titlebar button.titlebutton, -.titlebar spinbutton.vertical button.titlebutton { +spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; } @@ -1876,9 +1582,7 @@ headerbar { background-image: linear-gradient(to bottom, #215d9c); box-shadow: inset 0 1px rgba(44, 100, 160, 0.442); } .selection-mode.titlebar:not(headerbar) button, - headerbar.selection-mode button, - headerbar.selection-mode .titlebar button.titlebutton, - .titlebar headerbar.selection-mode button.titlebutton { + headerbar.selection-mode button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0b1e33; @@ -2118,24 +1822,18 @@ headerbar { padding: 0 4px; min-height: 36px; } .default-decoration.titlebar:not(headerbar) button, - headerbar.default-decoration button, - headerbar.default-decoration .titlebar button.titlebutton, - .titlebar headerbar.default-decoration button.titlebutton { + headerbar.default-decoration button { min-height: 26px; padding: 0 5px; } .titlebar:not(headerbar) entry, .titlebar:not(headerbar) spinbutton:not(.vertical), .titlebar:not(headerbar) spinbutton, .titlebar:not(headerbar) separator, .titlebar:not(headerbar) button, - .titlebar:not(headerbar) button.titlebutton, headerbar entry, headerbar spinbutton:not(.vertical), headerbar spinbutton, headerbar separator, - headerbar button, - headerbar button.titlebutton, - headerbar .titlebar button.titlebutton, - .titlebar headerbar button.titlebutton { + headerbar button { margin-top: 6px; margin-bottom: 6px; } @@ -2243,9 +1941,7 @@ treeview.view { border-radius: 4px; } treeview.view.trough:selected { background-color: #184472; } - treeview.view header button, - treeview.view header .titlebar button.titlebutton, - .titlebar treeview.view header button.titlebutton { + treeview.view header button { color: #8c8c8b; background-color: #292929; font-weight: bold; @@ -2266,9 +1962,7 @@ treeview.view { color: #215d9c; box-shadow: inset 1px 1px 0 1px #215d9c, inset -1px 0 0 1px #215d9c, inset 1px 1px #292929, inset -1px 0 #292929; } -treeview.view header button, -treeview.view header .titlebar button.titlebutton, -.titlebar treeview.view header button.titlebutton, treeview.view header button:hover, treeview.view header button:active { +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 3px 6px; border-style: none solid solid none; border-radius: 0; @@ -2584,9 +2278,7 @@ notebook > stack:not(:only-child) { -GtkScrollbar-min-slider-length: 42; -GtkRange-stepper-spacing: 0; -GtkRange-trough-under-steppers: 1; } -scrollbar button, scrollbar headerbar button.titlebutton, headerbar scrollbar button.titlebutton, -scrollbar .titlebar button.titlebutton, -.titlebar scrollbar button.titlebutton { +scrollbar button { border: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) { opacity: 0.4; @@ -3917,9 +3609,7 @@ row.activatable:selected.has-open-popup, row.activatable:selected:hover { row.activatable:selected:backdrop { background-color: #215d9c; } -row:selected button, -row:selected .titlebar button.titlebutton, -.titlebar row:selected button.titlebutton { +row:selected button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #1c1f1f; @@ -4303,14 +3993,11 @@ placessidebar row { padding-right: 2px; } placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } - button.sidebar-button, headerbar button.sidebar-button.titlebutton, - .titlebar button.sidebar-button.titlebutton { + button.sidebar-button { padding: 5px; border-radius: 100%; -gtk-outline-radius: 100%; } - button.sidebar-button:not(:hover):not(:active) > image, headerbar button.sidebar-button.titlebutton:not(:hover):not(:active) > image, - .titlebar button.sidebar-button.titlebutton:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image, headerbar button.sidebar-button.titlebutton:backdrop > image, - .titlebar button.sidebar-button.titlebutton:backdrop > image { + button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { opacity: 0.7; } placessidebar row:selected:active { box-shadow: none; } @@ -4388,24 +4075,10 @@ infobar { color: #ffffff; text-shadow: 0 1px #184472; border-color: #184472; } - .info button, .info headerbar button.titlebutton, headerbar .info button.titlebutton, - .info .titlebar button.titlebutton, - .titlebar .info button.titlebutton, + .info button, .question button, - .question headerbar button.titlebutton, - headerbar .question button.titlebutton, - .question .titlebar button.titlebutton, - .titlebar .question button.titlebutton, .warning button, - .warning headerbar button.titlebutton, - headerbar .warning button.titlebutton, - .warning .titlebar button.titlebutton, - .titlebar .warning button.titlebutton, - .error button, - .error headerbar button.titlebutton, - headerbar .error button.titlebutton, - .error .titlebar button.titlebutton, - .titlebar .error button.titlebutton { + .error button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0b1e33; @@ -4618,9 +4291,7 @@ colorswatch#editor-color-sample { padding: 6px; border-style: none; border-radius: 5px; } -.scale-popup button, .scale-popup headerbar button.titlebutton, headerbar .scale-popup button.titlebutton, -.scale-popup .titlebar button.titlebutton, -.titlebar .scale-popup button.titlebutton { +.scale-popup button { padding: 6px; } .scale-popup button:hover { background-color: rgba(238, 238, 236, 0.1); @@ -4663,8 +4334,6 @@ decoration { box-shadow: none; } headerbar button.titlebutton, -headerbar .titlebar button.titlebutton, -.titlebar headerbar button.titlebutton, .titlebar button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.81176); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176); } @@ -4768,12 +4437,10 @@ cursor-handle { .context-menu { font: initial; } -button.circular, headerbar button.circular.titlebutton, -.titlebar button.circular.titlebutton { +button.circular { border-radius: 20px; -gtk-outline-radius: 20px; } - button.circular label, - .titlebar button.circular.titlebutton label { + button.circular label { padding: 0; } .keycap { @@ -4797,14 +4464,10 @@ button.circular, headerbar button.circular.titlebutton, *:drop(active) { border: 1px solid black; } -stackswitcher button.text-button, -stackswitcher .titlebar button.text-button.titlebutton, -.titlebar stackswitcher button.text-button.titlebutton { +stackswitcher button.text-button { min-width: 100px; } stackswitcher button.circular, -stackswitcher .titlebar button.circular.titlebutton, -.titlebar stackswitcher button.circular.titlebutton, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css index f9d22f2129..2c633caee5 100644 --- a/gtk/theme/Adwaita/gtk-contained.css +++ b/gtk/theme/Adwaita/gtk-contained.css @@ -346,10 +346,8 @@ entry, spinbutton:not(.vertical) { background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#4a90d9), to(transparent)); } to { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4a90d9), to(transparent)); } } -notebook > header > tabs > arrow, -button, -headerbar button.titlebutton, -.titlebar button.titlebutton { +notebook > header > tabs > arrow, headerbar button.titlebutton, +.titlebar button.titlebutton, button { min-height: 24px; min-width: 16px; padding: 4px 8px; @@ -363,11 +361,9 @@ headerbar button.titlebutton, text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow.flat, - button.flat, - notebook > header > tabs > arrow, - button.sidebar-button, - headerbar button.titlebutton, + notebook > header > tabs > arrow.flat, headerbar notebook > header > tabs > arrow.titlebutton, headerbar button.titlebutton, + .titlebar notebook > header > tabs > arrow.titlebutton, + .titlebar button.titlebutton, button.flat, notebook > header > tabs > arrow, button.sidebar-button, headerbar button.titlebutton, .titlebar button.titlebutton { border-color: transparent; background-color: transparent; @@ -376,25 +372,19 @@ headerbar button.titlebutton, text-shadow: none; -gtk-icon-shadow: none; transition: none; } - notebook > header > tabs > arrow.flat:hover, - button.flat:hover, - notebook > header > tabs > arrow:hover, - button.sidebar-button:hover, - headerbar button.titlebutton:hover, + notebook > header > tabs > arrow.flat:hover, headerbar notebook > header > tabs > arrow.titlebutton:hover, headerbar button.titlebutton:hover, + .titlebar notebook > header > tabs > arrow.titlebutton:hover, + .titlebar button.titlebutton:hover, button.flat:hover, notebook > header > tabs > arrow:hover, button.sidebar-button:hover, headerbar button.titlebutton:hover, .titlebar button.titlebutton:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; } - notebook > header > tabs > arrow.flat:hover:active, - button.flat:hover:active, - notebook > header > tabs > arrow:hover:active, - button.sidebar-button:hover:active, - headerbar button.titlebutton:hover:active, + notebook > header > tabs > arrow.flat:hover:active, headerbar notebook > header > tabs > arrow.titlebutton:hover:active, headerbar button.titlebutton:hover:active, + .titlebar notebook > header > tabs > arrow.titlebutton:hover:active, + .titlebar button.titlebutton:hover:active, button.flat:hover:active, notebook > header > tabs > arrow:hover:active, button.sidebar-button:hover:active, headerbar button.titlebutton:hover:active, .titlebar button.titlebutton:hover:active { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - notebook > header > tabs > arrow:hover, - button:hover, - headerbar button.titlebutton:hover, - .titlebar button.titlebutton:hover { + notebook > header > tabs > arrow:hover, headerbar button.titlebutton:hover, + .titlebar button.titlebutton:hover, button:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #9d9d99; @@ -409,13 +399,9 @@ headerbar button.titlebutton, -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px white, 0 1px rgba(255, 255, 255, 0); -gtk-icon-effect: highlight; } - notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, - button:active, - headerbar button.titlebutton:active, - .titlebar button.titlebutton:active, - button:checked, - headerbar button.titlebutton:checked, - .titlebar button.titlebutton:checked { + notebook > header > tabs > arrow:active, headerbar button.titlebutton:active, + .titlebar button.titlebutton:active, notebook > header > tabs > arrow:checked, headerbar button.titlebutton:checked, + .titlebar button.titlebutton:checked, button:active, button:checked { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #9d9d99; @@ -424,14 +410,10 @@ headerbar button.titlebutton, -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(255, 255, 255, 0); transition-duration: 50ms; } - notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow.flat:backdrop, - button:backdrop, - headerbar button.titlebutton:backdrop, - .titlebar button.titlebutton:backdrop, - button.flat:backdrop, - notebook > header > tabs > arrow:backdrop, - button.sidebar-button:backdrop, - headerbar button.titlebutton:backdrop, + notebook > header > tabs > arrow:backdrop, headerbar button.titlebutton:backdrop, + .titlebar button.titlebutton:backdrop, notebook > header > tabs > arrow.flat:backdrop, headerbar notebook > header > tabs > arrow.titlebutton:backdrop, headerbar button.titlebutton:backdrop, + .titlebar notebook > header > tabs > arrow.titlebutton:backdrop, + .titlebar button.titlebutton:backdrop, button:backdrop, button.flat:backdrop, notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, headerbar button.titlebutton:backdrop, .titlebar button.titlebutton:backdrop { color: #8b8e8f; border-color: #a5a5a1; @@ -440,29 +422,23 @@ headerbar button.titlebutton, -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); -gtk-icon-effect: none; } - notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow.flat:backdrop:active, notebook > header > tabs > arrow.flat:backdrop:checked, - button:backdrop:active, - button:backdrop:checked, - button.flat:backdrop:active, - notebook > header > tabs > arrow:backdrop:active, - button.sidebar-button:backdrop:active, - headerbar button.titlebutton:backdrop:active, - .titlebar button.titlebutton:backdrop:active, - button.flat:backdrop:checked, - notebook > header > tabs > arrow:backdrop:checked, - button.sidebar-button:backdrop:checked, - headerbar button.titlebutton:backdrop:checked, + notebook > header > tabs > arrow:backdrop:active, headerbar button.titlebutton:backdrop:active, + .titlebar button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, headerbar button.titlebutton:backdrop:checked, + .titlebar button.titlebutton:backdrop:checked, notebook > header > tabs > arrow.flat:backdrop:active, headerbar notebook > header > tabs > arrow.titlebutton:backdrop:active, headerbar button.titlebutton:backdrop:active, + .titlebar notebook > header > tabs > arrow.titlebutton:backdrop:active, + .titlebar button.titlebutton:backdrop:active, notebook > header > tabs > arrow.flat:backdrop:checked, headerbar notebook > header > tabs > arrow.titlebutton:backdrop:checked, headerbar button.titlebutton:backdrop:checked, + .titlebar notebook > header > tabs > arrow.titlebutton:backdrop:checked, + .titlebar button.titlebutton:backdrop:checked, button:backdrop:active, button:backdrop:checked, button.flat:backdrop:active, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, headerbar button.titlebutton:backdrop:active, + .titlebar button.titlebutton:backdrop:active, button.flat:backdrop:checked, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, headerbar button.titlebutton:backdrop:checked, .titlebar button.titlebutton:backdrop:checked { color: #8b8e8f; border-color: #a5a5a1; background-image: linear-gradient(to bottom, #d1d1cf); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow.flat:backdrop:disabled, - button:backdrop:disabled, - button.flat:backdrop:disabled, - notebook > header > tabs > arrow:backdrop:disabled, - button.sidebar-button:backdrop:disabled, - headerbar button.titlebutton:backdrop:disabled, + notebook > header > tabs > arrow:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled, + .titlebar button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow.flat:backdrop:disabled, headerbar notebook > header > tabs > arrow.titlebutton:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled, + .titlebar notebook > header > tabs > arrow.titlebutton:backdrop:disabled, + .titlebar button.titlebutton:backdrop:disabled, button:backdrop:disabled, button.flat:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled, .titlebar button.titlebutton:backdrop:disabled { color: #c3c3c0; border-color: #a5a5a1; @@ -470,38 +446,28 @@ headerbar button.titlebutton, text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, notebook > header > tabs > arrow.flat:backdrop:disabled:active, notebook > header > tabs > arrow.flat:backdrop:disabled:checked, - button:backdrop:disabled:active, - button:backdrop:disabled:checked, - button.flat:backdrop:disabled:active, - notebook > header > tabs > arrow:backdrop:disabled:active, - button.sidebar-button:backdrop:disabled:active, - headerbar button.titlebutton:backdrop:disabled:active, - .titlebar button.titlebutton:backdrop:disabled:active, - button.flat:backdrop:disabled:checked, - notebook > header > tabs > arrow:backdrop:disabled:checked, - button.sidebar-button:backdrop:disabled:checked, - headerbar button.titlebutton:backdrop:disabled:checked, + notebook > header > tabs > arrow:backdrop:disabled:active, headerbar button.titlebutton:backdrop:disabled:active, + .titlebar button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, headerbar button.titlebutton:backdrop:disabled:checked, + .titlebar button.titlebutton:backdrop:disabled:checked, notebook > header > tabs > arrow.flat:backdrop:disabled:active, headerbar notebook > header > tabs > arrow.titlebutton:backdrop:disabled:active, headerbar button.titlebutton:backdrop:disabled:active, + .titlebar notebook > header > tabs > arrow.titlebutton:backdrop:disabled:active, + .titlebar button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow.flat:backdrop:disabled:checked, headerbar notebook > header > tabs > arrow.titlebutton:backdrop:disabled:checked, headerbar button.titlebutton:backdrop:disabled:checked, + .titlebar notebook > header > tabs > arrow.titlebutton:backdrop:disabled:checked, + .titlebar button.titlebutton:backdrop:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked, button.flat:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:active, headerbar button.titlebutton:backdrop:disabled:active, + .titlebar button.titlebutton:backdrop:disabled:active, button.flat:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:checked, button.sidebar-button:backdrop:disabled:checked, headerbar button.titlebutton:backdrop:disabled:checked, .titlebar button.titlebutton:backdrop:disabled:checked { color: #c3c3c0; border-color: #a5a5a1; background-image: linear-gradient(to bottom, #e4e4e4); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow.flat:backdrop, notebook > header > tabs > arrow.flat:disabled, notebook > header > tabs > arrow.flat:backdrop:disabled, - button.flat:backdrop, - notebook > header > tabs > arrow:backdrop, - button.sidebar-button:backdrop, - headerbar button.titlebutton:backdrop, - .titlebar button.titlebutton:backdrop, - button.flat:disabled, - notebook > header > tabs > arrow:disabled, - button.sidebar-button:disabled, - headerbar button.titlebutton:disabled, - .titlebar button.titlebutton:disabled, - button.flat:backdrop:disabled, - notebook > header > tabs > arrow:backdrop:disabled, - button.sidebar-button:backdrop:disabled, - headerbar button.titlebutton:backdrop:disabled, + notebook > header > tabs > arrow.flat:backdrop, headerbar notebook > header > tabs > arrow.titlebutton:backdrop, headerbar button.titlebutton:backdrop, + .titlebar notebook > header > tabs > arrow.titlebutton:backdrop, + .titlebar button.titlebutton:backdrop, notebook > header > tabs > arrow.flat:disabled, headerbar notebook > header > tabs > arrow.titlebutton:disabled, headerbar button.titlebutton:disabled, + .titlebar notebook > header > tabs > arrow.titlebutton:disabled, + .titlebar button.titlebutton:disabled, notebook > header > tabs > arrow.flat:backdrop:disabled, headerbar notebook > header > tabs > arrow.titlebutton:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled, + .titlebar notebook > header > tabs > arrow.titlebutton:backdrop:disabled, + .titlebar button.titlebutton:backdrop:disabled, button.flat:backdrop, notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, headerbar button.titlebutton:backdrop, + .titlebar button.titlebutton:backdrop, button.flat:disabled, notebook > header > tabs > arrow:disabled, button.sidebar-button:disabled, headerbar button.titlebutton:disabled, + .titlebar button.titlebutton:disabled, button.flat:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, headerbar button.titlebutton:backdrop:disabled, .titlebar button.titlebutton:backdrop:disabled { border-color: transparent; background-color: transparent; @@ -509,33 +475,52 @@ headerbar button.titlebutton, box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } - notebook > header > tabs > arrow:disabled, - button:disabled, - headerbar button.titlebutton:disabled, - .titlebar button.titlebutton:disabled { + notebook > header > tabs > arrow:disabled, headerbar button.titlebutton:disabled, + .titlebar button.titlebutton:disabled, button:disabled { color: #8b8e8f; border-color: #9d9d99; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, - button:disabled:active, - button:disabled:checked { + notebook > header > tabs > arrow:disabled:active, headerbar button.titlebutton:disabled:active, + .titlebar button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked, headerbar button.titlebutton:disabled:checked, + .titlebar button.titlebutton:disabled:checked, button:disabled:active, button:disabled:checked { color: #8b8e8f; border-color: #9d9d99; background-image: linear-gradient(to bottom, #e9e9e8, #f1f1f1); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow.osd, - button.osd, - headerbar button.osd.titlebutton, - .titlebar button.osd.titlebutton { - color: #eeeeec; - border-radius: 5px; - outline-color: rgba(238, 238, 236, 0.3); - color: #eeeeec; + notebook > header > tabs > arrow.text-button, headerbar button.text-button.titlebutton, + .titlebar button.text-button.titlebutton, button.text-button { + padding-left: 16px; + padding-right: 16px; } + notebook > header > tabs > arrow.text-button.image-button label:first-child, headerbar button.text-button.image-button.titlebutton label:first-child, + .titlebar button.text-button.image-button.titlebutton label:first-child, button.text-button.image-button label:first-child { + padding-left: 8px; } + notebook > header > tabs > arrow.text-button.image-button label:last-child, headerbar button.text-button.image-button.titlebutton label:last-child, + .titlebar button.text-button.image-button.titlebutton label:last-child, button.text-button.image-button label:last-child { + padding-right: 8px; } +button.osd { + color: #eeeeec; + border-radius: 5px; + outline-color: rgba(238, 238, 236, 0.3); + color: #eeeeec; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(238, 238, 236, 0.3); + border: none; + box-shadow: none; } + button.osd.image-button { + min-height: 48px; + min-width: 48px; } + button.osd:hover { + color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; @@ -543,12 +528,107 @@ headerbar button.titlebutton, outline-color: rgba(238, 238, 236, 0.3); border: none; box-shadow: none; } - notebook > header > tabs > arrow.osd.image-button, - button.osd.image-button { - min-height: 48px; - min-width: 48px; } - notebook > header > tabs > arrow.osd:hover, - button.osd:hover { + button.osd:active, button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(238, 238, 236, 0.3); + border: none; + box-shadow: none; } + button.osd:disabled, button.osd:backdrop:disabled { + color: #878a89; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } + button.osd:backdrop { + color: #eeeeec; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } +popover.background.touch-selection button, popover.background.magnifier button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, .app-notification button, +.app-notification.frame button, .osd button { + color: #eeeeec; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(238, 238, 236, 0.3); } + popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .app-notification button:hover, .osd button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(238, 238, 236, 0.3); } + popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:active, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification button:checked, popover.background.touch-selection button:backdrop:active, popover.background.magnifier button:backdrop:active, .app-notification button:backdrop:active, popover.background.touch-selection button:backdrop:checked, popover.background.magnifier button:backdrop:checked, .app-notification button:backdrop:checked, .osd button:active, .osd button:checked, .osd button:backdrop:active, .osd button:backdrop:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(238, 238, 236, 0.3); } + popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .app-notification button:disabled, popover.background.touch-selection button:backdrop:disabled, popover.background.magnifier button:backdrop:disabled, .app-notification button:backdrop:disabled, .osd button:disabled, .osd button:backdrop:disabled { + color: #878a89; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .app-notification button:backdrop, .osd button:backdrop { + color: #eeeeec; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + popover.background.touch-selection button.flat, popover.background.touch-selection notebook > header > tabs > arrow, popover.background.touch-selection button.sidebar-button, popover.background.touch-selection headerbar button.titlebutton, headerbar popover.background.touch-selection button.titlebutton, + popover.background.touch-selection .titlebar button.titlebutton, + .titlebar popover.background.touch-selection button.titlebutton, popover.background.magnifier button.flat, popover.background.magnifier notebook > header > tabs > arrow, popover.background.magnifier button.sidebar-button, popover.background.magnifier headerbar button.titlebutton, headerbar popover.background.magnifier button.titlebutton, + popover.background.magnifier .titlebar button.titlebutton, + .titlebar popover.background.magnifier button.titlebutton, .csd popover.background.touch-selection notebook > header > tabs > arrow, .csd popover.background.magnifier notebook > header > tabs > arrow, .app-notification button.flat, .app-notification notebook > header > tabs > arrow, .app-notification button.sidebar-button, .app-notification headerbar button.titlebutton, headerbar .app-notification button.titlebutton, + .app-notification .titlebar button.titlebutton, + .titlebar .app-notification button.titlebutton, + .app-notification.frame notebook > header > tabs > arrow, .osd button.flat, .osd notebook > header > tabs > arrow, .osd button.sidebar-button, .osd headerbar button.titlebutton, headerbar .osd button.titlebutton, + .osd .titlebar button.titlebutton, + .titlebar .osd button.titlebutton { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + popover.background.touch-selection button.flat:hover, popover.background.touch-selection notebook > header > tabs > arrow:hover, popover.background.touch-selection button.sidebar-button:hover, popover.background.touch-selection headerbar button.titlebutton:hover, headerbar popover.background.touch-selection button.titlebutton:hover, + popover.background.touch-selection .titlebar button.titlebutton:hover, + .titlebar popover.background.touch-selection button.titlebutton:hover, popover.background.magnifier button.flat:hover, popover.background.magnifier notebook > header > tabs > arrow:hover, popover.background.magnifier button.sidebar-button:hover, popover.background.magnifier headerbar button.titlebutton:hover, headerbar popover.background.magnifier button.titlebutton:hover, + popover.background.magnifier .titlebar button.titlebutton:hover, + .titlebar popover.background.magnifier button.titlebutton:hover, .app-notification button.flat:hover, .app-notification notebook > header > tabs > arrow:hover, .app-notification button.sidebar-button:hover, .app-notification headerbar button.titlebutton:hover, headerbar .app-notification button.titlebutton:hover, + .app-notification .titlebar button.titlebutton:hover, + .titlebar .app-notification button.titlebutton:hover, .osd button.flat:hover, .osd notebook > header > tabs > arrow:hover, .osd button.sidebar-button:hover, .osd headerbar button.titlebutton:hover, headerbar .osd button.titlebutton:hover, + .osd .titlebar button.titlebutton:hover, + .titlebar .osd button.titlebutton:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); @@ -556,84 +636,186 @@ headerbar button.titlebutton, box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; - outline-color: rgba(238, 238, 236, 0.3); - border: none; - box-shadow: none; } - notebook > header > tabs > arrow.osd:active, notebook > header > tabs > arrow.osd:checked, - button.osd:active, - button.osd:checked { - color: white; + outline-color: rgba(238, 238, 236, 0.3); } + popover.background.touch-selection button.flat:disabled, popover.background.touch-selection notebook > header > tabs > arrow:disabled, popover.background.touch-selection button.sidebar-button:disabled, popover.background.touch-selection headerbar button.titlebutton:disabled, headerbar popover.background.touch-selection button.titlebutton:disabled, + popover.background.touch-selection .titlebar button.titlebutton:disabled, + .titlebar popover.background.touch-selection button.titlebutton:disabled, popover.background.magnifier button.flat:disabled, popover.background.magnifier notebook > header > tabs > arrow:disabled, popover.background.magnifier button.sidebar-button:disabled, popover.background.magnifier headerbar button.titlebutton:disabled, headerbar popover.background.magnifier button.titlebutton:disabled, + popover.background.magnifier .titlebar button.titlebutton:disabled, + .titlebar popover.background.magnifier button.titlebutton:disabled, .app-notification button.flat:disabled, .app-notification notebook > header > tabs > arrow:disabled, .app-notification button.sidebar-button:disabled, .app-notification headerbar button.titlebutton:disabled, headerbar .app-notification button.titlebutton:disabled, + .app-notification .titlebar button.titlebutton:disabled, + .titlebar .app-notification button.titlebutton:disabled, .osd button.flat:disabled, .osd notebook > header > tabs > arrow:disabled, .osd button.sidebar-button:disabled, .osd headerbar button.titlebutton:disabled, headerbar .osd button.titlebutton:disabled, + .osd .titlebar button.titlebutton:disabled, + .titlebar .osd button.titlebutton:disabled { + color: #878a89; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; - outline-color: rgba(238, 238, 236, 0.3); - border: none; + background-image: none; + border-color: transparent; box-shadow: none; } - notebook > header > tabs > arrow.osd:disabled, notebook > header > tabs > arrow.osd:backdrop:disabled, - button.osd:disabled, - button.osd:backdrop:disabled { - color: #878a89; + popover.background.touch-selection button.flat:backdrop, popover.background.touch-selection notebook > header > tabs > arrow:backdrop, popover.background.touch-selection button.sidebar-button:backdrop, popover.background.touch-selection headerbar button.titlebutton:backdrop, headerbar popover.background.touch-selection button.titlebutton:backdrop, + popover.background.touch-selection .titlebar button.titlebutton:backdrop, + .titlebar popover.background.touch-selection button.titlebutton:backdrop, popover.background.magnifier button.flat:backdrop, popover.background.magnifier notebook > header > tabs > arrow:backdrop, popover.background.magnifier button.sidebar-button:backdrop, popover.background.magnifier headerbar button.titlebutton:backdrop, headerbar popover.background.magnifier button.titlebutton:backdrop, + popover.background.magnifier .titlebar button.titlebutton:backdrop, + .titlebar popover.background.magnifier button.titlebutton:backdrop, .app-notification button.flat:backdrop, .app-notification notebook > header > tabs > arrow:backdrop, .app-notification button.sidebar-button:backdrop, .app-notification headerbar button.titlebutton:backdrop, headerbar .app-notification button.titlebutton:backdrop, + .app-notification .titlebar button.titlebutton:backdrop, + .titlebar .app-notification button.titlebutton:backdrop, .osd button.flat:backdrop, .osd notebook > header > tabs > arrow:backdrop, .osd button.sidebar-button:backdrop, .osd headerbar button.titlebutton:backdrop, headerbar .osd button.titlebutton:backdrop, + .osd .titlebar button.titlebutton:backdrop, + .titlebar .osd button.titlebutton:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + popover.background.touch-selection button.flat:active, popover.background.touch-selection notebook > header > tabs > arrow:active, popover.background.touch-selection button.sidebar-button:active, popover.background.touch-selection headerbar button.titlebutton:active, headerbar popover.background.touch-selection button.titlebutton:active, + popover.background.touch-selection .titlebar button.titlebutton:active, + .titlebar popover.background.touch-selection button.titlebutton:active, popover.background.magnifier button.flat:active, popover.background.magnifier notebook > header > tabs > arrow:active, popover.background.magnifier button.sidebar-button:active, popover.background.magnifier headerbar button.titlebutton:active, headerbar popover.background.magnifier button.titlebutton:active, + popover.background.magnifier .titlebar button.titlebutton:active, + .titlebar popover.background.magnifier button.titlebutton:active, .app-notification button.flat:active, .app-notification notebook > header > tabs > arrow:active, .app-notification button.sidebar-button:active, .app-notification headerbar button.titlebutton:active, headerbar .app-notification button.titlebutton:active, + .app-notification .titlebar button.titlebutton:active, + .titlebar .app-notification button.titlebutton:active, popover.background.touch-selection button.flat:checked, popover.background.touch-selection notebook > header > tabs > arrow:checked, popover.background.touch-selection button.sidebar-button:checked, popover.background.touch-selection headerbar button.titlebutton:checked, headerbar popover.background.touch-selection button.titlebutton:checked, + popover.background.touch-selection .titlebar button.titlebutton:checked, + .titlebar popover.background.touch-selection button.titlebutton:checked, popover.background.magnifier button.flat:checked, popover.background.magnifier notebook > header > tabs > arrow:checked, popover.background.magnifier button.sidebar-button:checked, popover.background.magnifier headerbar button.titlebutton:checked, headerbar popover.background.magnifier button.titlebutton:checked, + popover.background.magnifier .titlebar button.titlebutton:checked, + .titlebar popover.background.magnifier button.titlebutton:checked, .app-notification button.flat:checked, .app-notification notebook > header > tabs > arrow:checked, .app-notification button.sidebar-button:checked, .app-notification headerbar button.titlebutton:checked, headerbar .app-notification button.titlebutton:checked, + .app-notification .titlebar button.titlebutton:checked, + .titlebar .app-notification button.titlebutton:checked, .osd button.flat:active, .osd notebook > header > tabs > arrow:active, .osd button.sidebar-button:active, .osd headerbar button.titlebutton:active, headerbar .osd button.titlebutton:active, + .osd .titlebar button.titlebutton:active, + .titlebar .osd button.titlebutton:active, .osd button.flat:checked, .osd notebook > header > tabs > arrow:checked, .osd button.sidebar-button:checked, .osd headerbar button.titlebutton:checked, headerbar .osd button.titlebutton:checked, + .osd .titlebar button.titlebutton:checked, + .titlebar .osd button.titlebutton:checked { + color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; - border: none; } - notebook > header > tabs > arrow.osd:backdrop, - button.osd:backdrop { - color: #eeeeec; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); - background-clip: padding-box; - box-shadow: none; + outline-color: rgba(238, 238, 236, 0.3); } +button.suggested-action { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #1c5187; + background-image: linear-gradient(to bottom, #4a90d9, #3986d5 60%, #2a76c6); + text-shadow: 0 -1px rgba(0, 0, 0, 0.54353); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.54353); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px rgba(255, 255, 255, 0); } + button.suggested-action.flat, notebook > header > tabs > arrow.suggested-action, button.suggested-action.sidebar-button, headerbar button.suggested-action.titlebutton, + .titlebar button.suggested-action.titlebutton { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #4a90d9; } + button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #1c5187; + /* + background-image: linear-gradient(to bottom, + lighten($c, 16%), + lighten($c, 6%) 40%, + lighten($c, 2%)); + */ + background-image: linear-gradient(to bottom, #63a0de, #4a90d9 60%, #3986d5); + text-shadow: 0 -1px rgba(0, 0, 0, 0.49553); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.49553); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px rgba(255, 255, 255, 0); } + button.suggested-action:active, button.suggested-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #1c5187; + background-image: linear-gradient(to bottom, #276fba, #3583d5); + text-shadow: 0 -1px rgba(0, 0, 0, 0.62353); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(255, 255, 255, 0); } + button.suggested-action:backdrop, button.suggested-action.flat:backdrop, notebook > header > tabs > arrow.suggested-action:backdrop, button.suggested-action.sidebar-button:backdrop, headerbar button.suggested-action.titlebutton:backdrop, + .titlebar button.suggested-action.titlebutton:backdrop { + color: #dbe9f7; + border-color: #4a90d9; + background-image: linear-gradient(to bottom, #4a90d9); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } + button.suggested-action:backdrop:active, button.suggested-action:backdrop:checked, button.suggested-action.flat:backdrop:active, notebook > header > tabs > arrow.suggested-action:backdrop:active, button.suggested-action.sidebar-button:backdrop:active, headerbar button.suggested-action.titlebutton:backdrop:active, + .titlebar button.suggested-action.titlebutton:backdrop:active, button.suggested-action.flat:backdrop:checked, notebook > header > tabs > arrow.suggested-action:backdrop:checked, button.suggested-action.sidebar-button:backdrop:checked, headerbar button.suggested-action.titlebutton:backdrop:checked, + .titlebar button.suggested-action.titlebutton:backdrop:checked { + color: #d4e4f4; + border-color: #2a76c6; + background-image: linear-gradient(to bottom, #2a76c6); + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } + button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled, notebook > header > tabs > arrow.suggested-action:backdrop:disabled, button.suggested-action.sidebar-button:backdrop:disabled, headerbar button.suggested-action.titlebutton:backdrop:disabled, + .titlebar button.suggested-action.titlebutton:backdrop:disabled { + color: #c3c3c0; + border-color: #a5a5a1; + background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; - border: none; } - popover.background.touch-selection button, popover.background.magnifier button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, .app-notification button, .app-notification headerbar button.titlebutton, headerbar .app-notification button.titlebutton, - .app-notification .titlebar button.titlebutton, - .titlebar .app-notification button.titlebutton, - .app-notification.frame button, .osd notebook > header > tabs > arrow, .osd - button, .osd headerbar button.titlebutton, headerbar .osd button.titlebutton, - .osd .titlebar button.titlebutton, - .titlebar .osd button.titlebutton { + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } + button.suggested-action:backdrop:disabled:active, button.suggested-action:backdrop:disabled:checked, button.suggested-action.flat:backdrop:disabled:active, notebook > header > tabs > arrow.suggested-action:backdrop:disabled:active, button.suggested-action.sidebar-button:backdrop:disabled:active, headerbar button.suggested-action.titlebutton:backdrop:disabled:active, + .titlebar button.suggested-action.titlebutton:backdrop:disabled:active, button.suggested-action.flat:backdrop:disabled:checked, notebook > header > tabs > arrow.suggested-action:backdrop:disabled:checked, button.suggested-action.sidebar-button:backdrop:disabled:checked, headerbar button.suggested-action.titlebutton:backdrop:disabled:checked, + .titlebar button.suggested-action.titlebutton:backdrop:disabled:checked { + color: #8db9e8; + border-color: #5094db; + background-image: linear-gradient(to bottom, #5094db); + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } + button.suggested-action.flat:backdrop, notebook > header > tabs > arrow.suggested-action:backdrop, button.suggested-action.sidebar-button:backdrop, headerbar button.suggested-action.titlebutton:backdrop, + .titlebar button.suggested-action.titlebutton:backdrop, button.suggested-action.flat:disabled, notebook > header > tabs > arrow.suggested-action:disabled, button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.titlebutton:disabled, + .titlebar button.suggested-action.titlebutton:disabled, button.suggested-action.flat:backdrop:disabled, notebook > header > tabs > arrow.suggested-action:backdrop:disabled, button.suggested-action.sidebar-button:backdrop:disabled, headerbar button.suggested-action.titlebutton:backdrop:disabled, + .titlebar button.suggested-action.titlebutton:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(74, 144, 217, 0.8); } + button.suggested-action:disabled { + color: #8b8e8f; + border-color: #9d9d99; + background-image: linear-gradient(to bottom, #f1f1f1); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } + button.suggested-action:disabled:active, button.suggested-action:disabled:checked { + color: #b9d4f1; + border-color: #1c5187; + background-image: linear-gradient(to bottom, #4b8dd3, #5094db); + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } + .osd button.suggested-action { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.5)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .app-notification button:hover, .osd notebook > header > tabs > arrow:hover, .osd - button:hover { + .osd button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); + background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:active, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification button:checked, popover.background.touch-selection button:backdrop:active, popover.background.magnifier button:backdrop:active, .app-notification button:backdrop:active, popover.background.touch-selection button:backdrop:checked, popover.background.magnifier button:backdrop:checked, .app-notification button:backdrop:checked, .osd notebook > header > tabs > arrow:active, .osd notebook > header > tabs > arrow:checked, .osd notebook > header > tabs > arrow:backdrop:active, .osd notebook > header > tabs > arrow:backdrop:checked, .osd - button:active, .osd - button:checked, .osd - button:backdrop:active, .osd - button:backdrop:checked { + .osd button.suggested-action:active, .osd button.suggested-action:checked, .osd button.suggested-action:backdrop:active, .osd button.suggested-action:backdrop:checked { color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); + background-image: linear-gradient(to bottom, #4a90d9); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; outline-color: rgba(238, 238, 236, 0.3); } - popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .app-notification button:disabled, popover.background.touch-selection button:backdrop:disabled, popover.background.magnifier button:backdrop:disabled, .app-notification button:backdrop:disabled, .osd notebook > header > tabs > arrow:disabled, .osd notebook > header > tabs > arrow:backdrop:disabled, .osd - button:disabled, .osd - button:backdrop:disabled { + .osd button.suggested-action:disabled, .osd button.suggested-action:backdrop:disabled { color: #878a89; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); @@ -641,598 +823,186 @@ headerbar button.titlebutton, box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .app-notification button:backdrop, .osd notebook > header > tabs > arrow:backdrop, .osd - button:backdrop { + .osd button.suggested-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8)); + background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.5)); background-clip: padding-box; box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; } - popover.background.touch-selection button.flat, popover.background.touch-selection notebook > header > tabs > arrow, popover.background.touch-selection button.sidebar-button, popover.background.touch-selection headerbar button.titlebutton, headerbar popover.background.touch-selection button.titlebutton, - popover.background.touch-selection .titlebar button.titlebutton, - .titlebar popover.background.touch-selection button.titlebutton, popover.background.magnifier button.flat, popover.background.magnifier notebook > header > tabs > arrow, popover.background.magnifier button.sidebar-button, popover.background.magnifier headerbar button.titlebutton, headerbar popover.background.magnifier button.titlebutton, - popover.background.magnifier .titlebar button.titlebutton, - .titlebar popover.background.magnifier button.titlebutton, .csd popover.background.touch-selection notebook > header > tabs > arrow, .csd popover.background.magnifier notebook > header > tabs > arrow, .app-notification button.flat, .app-notification notebook > header > tabs > arrow, .app-notification button.sidebar-button, .app-notification headerbar button.titlebutton, headerbar .app-notification button.titlebutton, - .app-notification .titlebar button.titlebutton, - .titlebar .app-notification button.titlebutton, - .app-notification.frame notebook > header > tabs > arrow, .osd notebook > header > tabs > arrow.flat, .osd - button.flat, .osd notebook > header > tabs > arrow, .osd - button.sidebar-button, .osd headerbar button.titlebutton, headerbar .osd button.titlebutton, - .osd .titlebar button.titlebutton, - .titlebar .osd button.titlebutton { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: none; - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; } - popover.background.touch-selection button.flat:hover, popover.background.touch-selection notebook > header > tabs > arrow:hover, popover.background.touch-selection button.sidebar-button:hover, popover.background.touch-selection headerbar button.titlebutton:hover, headerbar popover.background.touch-selection button.titlebutton:hover, - popover.background.touch-selection .titlebar button.titlebutton:hover, - .titlebar popover.background.touch-selection button.titlebutton:hover, popover.background.magnifier button.flat:hover, popover.background.magnifier notebook > header > tabs > arrow:hover, popover.background.magnifier button.sidebar-button:hover, popover.background.magnifier headerbar button.titlebutton:hover, headerbar popover.background.magnifier button.titlebutton:hover, - popover.background.magnifier .titlebar button.titlebutton:hover, - .titlebar popover.background.magnifier button.titlebutton:hover, .app-notification button.flat:hover, .app-notification notebook > header > tabs > arrow:hover, .app-notification button.sidebar-button:hover, .app-notification headerbar button.titlebutton:hover, headerbar .app-notification button.titlebutton:hover, - .app-notification .titlebar button.titlebutton:hover, - .titlebar .app-notification button.titlebutton:hover, .osd notebook > header > tabs > arrow.flat:hover, .osd - button.flat:hover, .osd notebook > header > tabs > arrow:hover, .osd - button.sidebar-button:hover, .osd headerbar button.titlebutton:hover, headerbar .osd button.titlebutton:hover, - .osd .titlebar button.titlebutton:hover, - .titlebar .osd button.titlebutton:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(238, 238, 236, 0.3); } - popover.background.touch-selection button.flat:disabled, popover.background.touch-selection notebook > header > tabs > arrow:disabled, popover.background.touch-selection button.sidebar-button:disabled, popover.background.touch-selection headerbar button.titlebutton:disabled, headerbar popover.background.touch-selection button.titlebutton:disabled, - popover.background.touch-selection .titlebar button.titlebutton:disabled, - .titlebar popover.background.touch-selection button.titlebutton:disabled, popover.background.magnifier button.flat:disabled, popover.background.magnifier notebook > header > tabs > arrow:disabled, popover.background.magnifier button.sidebar-button:disabled, popover.background.magnifier headerbar button.titlebutton:disabled, headerbar popover.background.magnifier button.titlebutton:disabled, - popover.background.magnifier .titlebar button.titlebutton:disabled, - .titlebar popover.background.magnifier button.titlebutton:disabled, .app-notification button.flat:disabled, .app-notification notebook > header > tabs > arrow:disabled, .app-notification button.sidebar-button:disabled, .app-notification headerbar button.titlebutton:disabled, headerbar .app-notification button.titlebutton:disabled, - .app-notification .titlebar button.titlebutton:disabled, - .titlebar .app-notification button.titlebutton:disabled, .osd notebook > header > tabs > arrow.flat:disabled, .osd - button.flat:disabled, .osd notebook > header > tabs > arrow:disabled, .osd - button.sidebar-button:disabled, .osd headerbar button.titlebutton:disabled, headerbar .osd button.titlebutton:disabled, - .osd .titlebar button.titlebutton:disabled, - .titlebar .osd button.titlebutton:disabled { - color: #878a89; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - background-image: none; - border-color: transparent; - box-shadow: none; } - popover.background.touch-selection button.flat:backdrop, popover.background.touch-selection notebook > header > tabs > arrow:backdrop, popover.background.touch-selection button.sidebar-button:backdrop, popover.background.touch-selection headerbar button.titlebutton:backdrop, headerbar popover.background.touch-selection button.titlebutton:backdrop, - popover.background.touch-selection .titlebar button.titlebutton:backdrop, - .titlebar popover.background.touch-selection button.titlebutton:backdrop, popover.background.magnifier button.flat:backdrop, popover.background.magnifier notebook > header > tabs > arrow:backdrop, popover.background.magnifier button.sidebar-button:backdrop, popover.background.magnifier headerbar button.titlebutton:backdrop, headerbar popover.background.magnifier button.titlebutton:backdrop, - popover.background.magnifier .titlebar button.titlebutton:backdrop, - .titlebar popover.background.magnifier button.titlebutton:backdrop, .app-notification button.flat:backdrop, .app-notification notebook > header > tabs > arrow:backdrop, .app-notification button.sidebar-button:backdrop, .app-notification headerbar button.titlebutton:backdrop, headerbar .app-notification button.titlebutton:backdrop, - .app-notification .titlebar button.titlebutton:backdrop, - .titlebar .app-notification button.titlebutton:backdrop, .osd notebook > header > tabs > arrow.flat:backdrop, .osd - button.flat:backdrop, .osd notebook > header > tabs > arrow:backdrop, .osd - button.sidebar-button:backdrop, .osd headerbar button.titlebutton:backdrop, headerbar .osd button.titlebutton:backdrop, - .osd .titlebar button.titlebutton:backdrop, - .titlebar .osd button.titlebutton:backdrop { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; } - popover.background.touch-selection button.flat:active, popover.background.touch-selection notebook > header > tabs > arrow:active, popover.background.touch-selection button.sidebar-button:active, popover.background.touch-selection headerbar button.titlebutton:active, headerbar popover.background.touch-selection button.titlebutton:active, - popover.background.touch-selection .titlebar button.titlebutton:active, - .titlebar popover.background.touch-selection button.titlebutton:active, popover.background.magnifier button.flat:active, popover.background.magnifier notebook > header > tabs > arrow:active, popover.background.magnifier button.sidebar-button:active, popover.background.magnifier headerbar button.titlebutton:active, headerbar popover.background.magnifier button.titlebutton:active, - popover.background.magnifier .titlebar button.titlebutton:active, - .titlebar popover.background.magnifier button.titlebutton:active, .app-notification button.flat:active, .app-notification notebook > header > tabs > arrow:active, .app-notification button.sidebar-button:active, .app-notification headerbar button.titlebutton:active, headerbar .app-notification button.titlebutton:active, - .app-notification .titlebar button.titlebutton:active, - .titlebar .app-notification button.titlebutton:active, popover.background.touch-selection button.flat:checked, popover.background.touch-selection notebook > header > tabs > arrow:checked, popover.background.touch-selection button.sidebar-button:checked, popover.background.touch-selection headerbar button.titlebutton:checked, headerbar popover.background.touch-selection button.titlebutton:checked, - popover.background.touch-selection .titlebar button.titlebutton:checked, - .titlebar popover.background.touch-selection button.titlebutton:checked, popover.background.magnifier button.flat:checked, popover.background.magnifier notebook > header > tabs > arrow:checked, popover.background.magnifier button.sidebar-button:checked, popover.background.magnifier headerbar button.titlebutton:checked, headerbar popover.background.magnifier button.titlebutton:checked, - popover.background.magnifier .titlebar button.titlebutton:checked, - .titlebar popover.background.magnifier button.titlebutton:checked, .app-notification button.flat:checked, .app-notification notebook > header > tabs > arrow:checked, .app-notification button.sidebar-button:checked, .app-notification headerbar button.titlebutton:checked, headerbar .app-notification button.titlebutton:checked, - .app-notification .titlebar button.titlebutton:checked, - .titlebar .app-notification button.titlebutton:checked, .osd notebook > header > tabs > arrow.flat:active, .osd notebook > header > tabs > arrow.flat:checked, .osd - button.flat:active, .osd notebook > header > tabs > arrow:active, .osd - button.sidebar-button:active, .osd headerbar button.titlebutton:active, headerbar .osd button.titlebutton:active, - .osd .titlebar button.titlebutton:active, - .titlebar .osd button.titlebutton:active, .osd - button.flat:checked, .osd notebook > header > tabs > arrow:checked, .osd - button.sidebar-button:checked, .osd headerbar button.titlebutton:checked, headerbar .osd button.titlebutton:checked, - .osd .titlebar button.titlebutton:checked, - .titlebar .osd button.titlebutton:checked { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(238, 238, 236, 0.3); } - notebook > header > tabs > arrow.suggested-action, - button.suggested-action, - headerbar button.suggested-action.titlebutton, - .titlebar button.suggested-action.titlebutton { +button.destructive-action { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #8e0b0b; + background-image: linear-gradient(to bottom, #ef2929, #ee1616 60%, #d51010); + text-shadow: 0 -1px rgba(0, 0, 0, 0.56078); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.56078); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px rgba(255, 255, 255, 0); } + button.destructive-action.flat, notebook > header > tabs > arrow.destructive-action, button.destructive-action.sidebar-button, headerbar button.destructive-action.titlebutton, + .titlebar button.destructive-action.titlebutton { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #ef2929; } + button.destructive-action:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); - border-color: #1c5187; - background-image: linear-gradient(to bottom, #4a90d9, #3986d5 60%, #2a76c6); - text-shadow: 0 -1px rgba(0, 0, 0, 0.54353); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.54353); + border-color: #8e0b0b; + /* + background-image: linear-gradient(to bottom, + lighten($c, 16%), + lighten($c, 6%) 40%, + lighten($c, 2%)); + */ + background-image: linear-gradient(to bottom, #f14545, #ef2929 60%, #ee1616); + text-shadow: 0 -1px rgba(0, 0, 0, 0.51278); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.51278); box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow.suggested-action.flat, - button.suggested-action.flat, - notebook > header > tabs > arrow.suggested-action, - button.suggested-action.sidebar-button, - headerbar button.suggested-action.titlebutton, - .titlebar button.suggested-action.titlebutton { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #4a90d9; } - notebook > header > tabs > arrow.suggested-action:hover, - button.suggested-action:hover { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #1c5187; - /* - background-image: linear-gradient(to bottom, - lighten($c, 16%), - lighten($c, 6%) 40%, - lighten($c, 2%)); - */ - background-image: linear-gradient(to bottom, #63a0de, #4a90d9 60%, #3986d5); - text-shadow: 0 -1px rgba(0, 0, 0, 0.49553); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.49553); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow.suggested-action:active, notebook > header > tabs > arrow.suggested-action:checked, - button.suggested-action:active, - button.suggested-action:checked { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #1c5187; - background-image: linear-gradient(to bottom, #276fba, #3583d5); - text-shadow: 0 -1px rgba(0, 0, 0, 0.62353); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.62353); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow.suggested-action:backdrop, notebook > header > tabs > arrow.suggested-action.flat:backdrop, - button.suggested-action:backdrop, - button.suggested-action.flat:backdrop, - notebook > header > tabs > arrow.suggested-action:backdrop, - button.suggested-action.sidebar-button:backdrop, - headerbar button.suggested-action.titlebutton:backdrop, - .titlebar button.suggested-action.titlebutton:backdrop { - color: #dbe9f7; - border-color: #4a90d9; - background-image: linear-gradient(to bottom, #4a90d9); - text-shadow: none; - -gtk-icon-shadow: none; + button.destructive-action:active, button.destructive-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #8e0b0b; + background-image: linear-gradient(to bottom, #c70f0f, #ed1212); + text-shadow: 0 -1px rgba(0, 0, 0, 0.64078); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078); + box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(255, 255, 255, 0); } + button.destructive-action:backdrop, button.destructive-action.flat:backdrop, notebook > header > tabs > arrow.destructive-action:backdrop, button.destructive-action.sidebar-button:backdrop, headerbar button.destructive-action.titlebutton:backdrop, + .titlebar button.destructive-action.titlebutton:backdrop { + color: #fcd4d4; + border-color: #ef2929; + background-image: linear-gradient(to bottom, #ef2929); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } + button.destructive-action:backdrop:active, button.destructive-action:backdrop:checked, button.destructive-action.flat:backdrop:active, notebook > header > tabs > arrow.destructive-action:backdrop:active, button.destructive-action.sidebar-button:backdrop:active, headerbar button.destructive-action.titlebutton:backdrop:active, + .titlebar button.destructive-action.titlebutton:backdrop:active, button.destructive-action.flat:backdrop:checked, notebook > header > tabs > arrow.destructive-action:backdrop:checked, button.destructive-action.sidebar-button:backdrop:checked, headerbar button.destructive-action.titlebutton:backdrop:checked, + .titlebar button.destructive-action.titlebutton:backdrop:checked { + color: #f7cfcf; + border-color: #d51010; + background-image: linear-gradient(to bottom, #d51010); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow.suggested-action:backdrop:active, notebook > header > tabs > arrow.suggested-action:backdrop:checked, notebook > header > tabs > arrow.suggested-action.flat:backdrop:active, notebook > header > tabs > arrow.suggested-action.flat:backdrop:checked, - button.suggested-action:backdrop:active, - button.suggested-action:backdrop:checked, - button.suggested-action.flat:backdrop:active, - notebook > header > tabs > arrow.suggested-action:backdrop:active, - button.suggested-action.sidebar-button:backdrop:active, - headerbar button.suggested-action.titlebutton:backdrop:active, - .titlebar button.suggested-action.titlebutton:backdrop:active, - button.suggested-action.flat:backdrop:checked, - notebook > header > tabs > arrow.suggested-action:backdrop:checked, - button.suggested-action.sidebar-button:backdrop:checked, - headerbar button.suggested-action.titlebutton:backdrop:checked, - .titlebar button.suggested-action.titlebutton:backdrop:checked { - color: #d4e4f4; - border-color: #2a76c6; - background-image: linear-gradient(to bottom, #2a76c6); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow.suggested-action:backdrop:disabled, notebook > header > tabs > arrow.suggested-action.flat:backdrop:disabled, - button.suggested-action:backdrop:disabled, - button.suggested-action.flat:backdrop:disabled, - notebook > header > tabs > arrow.suggested-action:backdrop:disabled, - button.suggested-action.sidebar-button:backdrop:disabled, - headerbar button.suggested-action.titlebutton:backdrop:disabled, - .titlebar button.suggested-action.titlebutton:backdrop:disabled { - color: #c3c3c0; - border-color: #a5a5a1; - background-image: linear-gradient(to bottom, #f1f1f1); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow.suggested-action:backdrop:disabled:active, notebook > header > tabs > arrow.suggested-action:backdrop:disabled:checked, notebook > header > tabs > arrow.suggested-action.flat:backdrop:disabled:active, notebook > header > tabs > arrow.suggested-action.flat:backdrop:disabled:checked, - button.suggested-action:backdrop:disabled:active, - button.suggested-action:backdrop:disabled:checked, - button.suggested-action.flat:backdrop:disabled:active, - notebook > header > tabs > arrow.suggested-action:backdrop:disabled:active, - button.suggested-action.sidebar-button:backdrop:disabled:active, - headerbar button.suggested-action.titlebutton:backdrop:disabled:active, - .titlebar button.suggested-action.titlebutton:backdrop:disabled:active, - button.suggested-action.flat:backdrop:disabled:checked, - notebook > header > tabs > arrow.suggested-action:backdrop:disabled:checked, - button.suggested-action.sidebar-button:backdrop:disabled:checked, - headerbar button.suggested-action.titlebutton:backdrop:disabled:checked, - .titlebar button.suggested-action.titlebutton:backdrop:disabled:checked { - color: #8db9e8; - border-color: #5094db; - background-image: linear-gradient(to bottom, #5094db); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow.suggested-action.flat:backdrop, notebook > header > tabs > arrow.suggested-action.flat:disabled, notebook > header > tabs > arrow.suggested-action.flat:backdrop:disabled, - button.suggested-action.flat:backdrop, - notebook > header > tabs > arrow.suggested-action:backdrop, - button.suggested-action.sidebar-button:backdrop, - headerbar button.suggested-action.titlebutton:backdrop, - .titlebar button.suggested-action.titlebutton:backdrop, - button.suggested-action.flat:disabled, - notebook > header > tabs > arrow.suggested-action:disabled, - button.suggested-action.sidebar-button:disabled, - headerbar button.suggested-action.titlebutton:disabled, - .titlebar button.suggested-action.titlebutton:disabled, - button.suggested-action.flat:backdrop:disabled, - notebook > header > tabs > arrow.suggested-action:backdrop:disabled, - button.suggested-action.sidebar-button:backdrop:disabled, - headerbar button.suggested-action.titlebutton:backdrop:disabled, - .titlebar button.suggested-action.titlebutton:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(74, 144, 217, 0.8); } - notebook > header > tabs > arrow.suggested-action:disabled, - button.suggested-action:disabled { - color: #8b8e8f; - border-color: #9d9d99; + button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled, notebook > header > tabs > arrow.destructive-action:backdrop:disabled, button.destructive-action.sidebar-button:backdrop:disabled, headerbar button.destructive-action.titlebutton:backdrop:disabled, + .titlebar button.destructive-action.titlebutton:backdrop:disabled { + color: #c3c3c0; + border-color: #a5a5a1; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow.suggested-action:disabled:active, notebook > header > tabs > arrow.suggested-action:disabled:checked, - button.suggested-action:disabled:active, - button.suggested-action:disabled:checked { - color: #b9d4f1; - border-color: #1c5187; - background-image: linear-gradient(to bottom, #4b8dd3, #5094db); + button.destructive-action:backdrop:disabled:active, button.destructive-action:backdrop:disabled:checked, button.destructive-action.flat:backdrop:disabled:active, notebook > header > tabs > arrow.destructive-action:backdrop:disabled:active, button.destructive-action.sidebar-button:backdrop:disabled:active, headerbar button.destructive-action.titlebutton:backdrop:disabled:active, + .titlebar button.destructive-action.titlebutton:backdrop:disabled:active, button.destructive-action.flat:backdrop:disabled:checked, notebook > header > tabs > arrow.destructive-action:backdrop:disabled:checked, button.destructive-action.sidebar-button:backdrop:disabled:checked, headerbar button.destructive-action.titlebutton:backdrop:disabled:checked, + .titlebar button.destructive-action.titlebutton:backdrop:disabled:checked { + color: #f57979; + border-color: #ef3131; + background-image: linear-gradient(to bottom, #ef3131); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .osd notebook > header > tabs > arrow.suggested-action, .osd - button.suggested-action { - color: #eeeeec; + button.destructive-action.flat:backdrop, notebook > header > tabs > arrow.destructive-action:backdrop, button.destructive-action.sidebar-button:backdrop, headerbar button.destructive-action.titlebutton:backdrop, + .titlebar button.destructive-action.titlebutton:backdrop, button.destructive-action.flat:disabled, notebook > header > tabs > arrow.destructive-action:disabled, button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.titlebutton:disabled, + .titlebar button.destructive-action.titlebutton:disabled, button.destructive-action.flat:backdrop:disabled, notebook > header > tabs > arrow.destructive-action:backdrop:disabled, button.destructive-action.sidebar-button:backdrop:disabled, headerbar button.destructive-action.titlebutton:backdrop:disabled, + .titlebar button.destructive-action.titlebutton:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(239, 41, 41, 0.8); } + button.destructive-action:disabled { + color: #8b8e8f; + border-color: #9d9d99; + background-image: linear-gradient(to bottom, #f1f1f1); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } + button.destructive-action:disabled:active, button.destructive-action:disabled:checked { + color: #f9adad; + border-color: #8e0b0b; + background-image: linear-gradient(to bottom, #e52d2d, #ef3131); + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } + .osd button.destructive-action { + color: #eeeeec; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.5)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(238, 238, 236, 0.3); } + .osd button.destructive-action:hover { + color: white; border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.5)); + background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.7)); background-clip: padding-box; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); text-shadow: 0 1px black; -gtk-icon-shadow: 0 1px black; outline-color: rgba(238, 238, 236, 0.3); } - .osd notebook > header > tabs > arrow.suggested-action:hover, .osd - button.suggested-action:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.7)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(238, 238, 236, 0.3); } - .osd notebook > header > tabs > arrow.suggested-action:active, .osd notebook > header > tabs > arrow.suggested-action:checked, .osd notebook > header > tabs > arrow.suggested-action:backdrop:active, .osd notebook > header > tabs > arrow.suggested-action:backdrop:checked, .osd - button.suggested-action:active, .osd - button.suggested-action:checked, .osd - button.suggested-action:backdrop:active, .osd - button.suggested-action:backdrop:checked { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, #4a90d9); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(238, 238, 236, 0.3); } - .osd notebook > header > tabs > arrow.suggested-action:disabled, .osd notebook > header > tabs > arrow.suggested-action:backdrop:disabled, .osd - button.suggested-action:disabled, .osd - button.suggested-action:backdrop:disabled { - color: #878a89; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd notebook > header > tabs > arrow.suggested-action:backdrop, .osd - button.suggested-action:backdrop { - color: #eeeeec; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(74, 144, 217, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - notebook > header > tabs > arrow.destructive-action, - button.destructive-action, - headerbar button.destructive-action.titlebutton, - .titlebar button.destructive-action.titlebutton { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #8e0b0b; - background-image: linear-gradient(to bottom, #ef2929, #ee1616 60%, #d51010); - text-shadow: 0 -1px rgba(0, 0, 0, 0.56078); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.56078); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow.destructive-action.flat, - button.destructive-action.flat, - notebook > header > tabs > arrow.destructive-action, - button.destructive-action.sidebar-button, - headerbar button.destructive-action.titlebutton, - .titlebar button.destructive-action.titlebutton { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: #ef2929; } - notebook > header > tabs > arrow.destructive-action:hover, - button.destructive-action:hover { - color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #8e0b0b; - /* - background-image: linear-gradient(to bottom, - lighten($c, 16%), - lighten($c, 6%) 40%, - lighten($c, 2%)); - */ - background-image: linear-gradient(to bottom, #f14545, #ef2929 60%, #ee1616); - text-shadow: 0 -1px rgba(0, 0, 0, 0.51278); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.51278); - box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow.destructive-action:active, notebook > header > tabs > arrow.destructive-action:checked, - button.destructive-action:active, - button.destructive-action:checked { + .osd button.destructive-action:active, .osd button.destructive-action:checked, .osd button.destructive-action:backdrop:active, .osd button.destructive-action:backdrop:checked { color: white; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #8e0b0b; - background-image: linear-gradient(to bottom, #c70f0f, #ed1212); - text-shadow: 0 -1px rgba(0, 0, 0, 0.64078); - -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078); - box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow.destructive-action:backdrop, notebook > header > tabs > arrow.destructive-action.flat:backdrop, - button.destructive-action:backdrop, - button.destructive-action.flat:backdrop, - notebook > header > tabs > arrow.destructive-action:backdrop, - button.destructive-action.sidebar-button:backdrop, - headerbar button.destructive-action.titlebutton:backdrop, - .titlebar button.destructive-action.titlebutton:backdrop { - color: #fcd4d4; - border-color: #ef2929; + border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, #ef2929); + background-clip: padding-box; + box-shadow: none; text-shadow: none; -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow.destructive-action:backdrop:active, notebook > header > tabs > arrow.destructive-action:backdrop:checked, notebook > header > tabs > arrow.destructive-action.flat:backdrop:active, notebook > header > tabs > arrow.destructive-action.flat:backdrop:checked, - button.destructive-action:backdrop:active, - button.destructive-action:backdrop:checked, - button.destructive-action.flat:backdrop:active, - notebook > header > tabs > arrow.destructive-action:backdrop:active, - button.destructive-action.sidebar-button:backdrop:active, - headerbar button.destructive-action.titlebutton:backdrop:active, - .titlebar button.destructive-action.titlebutton:backdrop:active, - button.destructive-action.flat:backdrop:checked, - notebook > header > tabs > arrow.destructive-action:backdrop:checked, - button.destructive-action.sidebar-button:backdrop:checked, - headerbar button.destructive-action.titlebutton:backdrop:checked, - .titlebar button.destructive-action.titlebutton:backdrop:checked { - color: #f7cfcf; - border-color: #d51010; - background-image: linear-gradient(to bottom, #d51010); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow.destructive-action:backdrop:disabled, notebook > header > tabs > arrow.destructive-action.flat:backdrop:disabled, - button.destructive-action:backdrop:disabled, - button.destructive-action.flat:backdrop:disabled, - notebook > header > tabs > arrow.destructive-action:backdrop:disabled, - button.destructive-action.sidebar-button:backdrop:disabled, - headerbar button.destructive-action.titlebutton:backdrop:disabled, - .titlebar button.destructive-action.titlebutton:backdrop:disabled { - color: #c3c3c0; - border-color: #a5a5a1; - background-image: linear-gradient(to bottom, #f1f1f1); - text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow.destructive-action:backdrop:disabled:active, notebook > header > tabs > arrow.destructive-action:backdrop:disabled:checked, notebook > header > tabs > arrow.destructive-action.flat:backdrop:disabled:active, notebook > header > tabs > arrow.destructive-action.flat:backdrop:disabled:checked, - button.destructive-action:backdrop:disabled:active, - button.destructive-action:backdrop:disabled:checked, - button.destructive-action.flat:backdrop:disabled:active, - notebook > header > tabs > arrow.destructive-action:backdrop:disabled:active, - button.destructive-action.sidebar-button:backdrop:disabled:active, - headerbar button.destructive-action.titlebutton:backdrop:disabled:active, - .titlebar button.destructive-action.titlebutton:backdrop:disabled:active, - button.destructive-action.flat:backdrop:disabled:checked, - notebook > header > tabs > arrow.destructive-action:backdrop:disabled:checked, - button.destructive-action.sidebar-button:backdrop:disabled:checked, - headerbar button.destructive-action.titlebutton:backdrop:disabled:checked, - .titlebar button.destructive-action.titlebutton:backdrop:disabled:checked { - color: #f57979; - border-color: #ef3131; - background-image: linear-gradient(to bottom, #ef3131); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow.destructive-action.flat:backdrop, notebook > header > tabs > arrow.destructive-action.flat:disabled, notebook > header > tabs > arrow.destructive-action.flat:backdrop:disabled, - button.destructive-action.flat:backdrop, - notebook > header > tabs > arrow.destructive-action:backdrop, - button.destructive-action.sidebar-button:backdrop, - headerbar button.destructive-action.titlebutton:backdrop, - .titlebar button.destructive-action.titlebutton:backdrop, - button.destructive-action.flat:disabled, - notebook > header > tabs > arrow.destructive-action:disabled, - button.destructive-action.sidebar-button:disabled, - headerbar button.destructive-action.titlebutton:disabled, - .titlebar button.destructive-action.titlebutton:disabled, - button.destructive-action.flat:backdrop:disabled, - notebook > header > tabs > arrow.destructive-action:backdrop:disabled, - button.destructive-action.sidebar-button:backdrop:disabled, - headerbar button.destructive-action.titlebutton:backdrop:disabled, - .titlebar button.destructive-action.titlebutton:backdrop:disabled { - border-color: transparent; - background-color: transparent; - background-image: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); - text-shadow: none; - -gtk-icon-shadow: none; - color: rgba(239, 41, 41, 0.8); } - notebook > header > tabs > arrow.destructive-action:disabled, - button.destructive-action:disabled { - color: #8b8e8f; - border-color: #9d9d99; - background-image: linear-gradient(to bottom, #f1f1f1); + outline-color: rgba(238, 238, 236, 0.3); } + .osd button.destructive-action:disabled, .osd button.destructive-action:backdrop:disabled { + color: #878a89; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); + background-clip: padding-box; + box-shadow: none; text-shadow: none; - -gtk-icon-shadow: none; - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - notebook > header > tabs > arrow.destructive-action:disabled:active, notebook > header > tabs > arrow.destructive-action:disabled:checked, - button.destructive-action:disabled:active, - button.destructive-action:disabled:checked { - color: #f9adad; - border-color: #8e0b0b; - background-image: linear-gradient(to bottom, #e52d2d, #ef3131); - box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .osd notebook > header > tabs > arrow.destructive-action, .osd - button.destructive-action { + -gtk-icon-shadow: none; } + .osd button.destructive-action:backdrop { color: #eeeeec; border-color: rgba(0, 0, 0, 0.7); background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.5)); background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(238, 238, 236, 0.3); } - .osd notebook > header > tabs > arrow.destructive-action:hover, .osd - button.destructive-action:hover { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.7)); - background-clip: padding-box; - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - text-shadow: 0 1px black; - -gtk-icon-shadow: 0 1px black; - outline-color: rgba(238, 238, 236, 0.3); } - .osd notebook > header > tabs > arrow.destructive-action:active, .osd notebook > header > tabs > arrow.destructive-action:checked, .osd notebook > header > tabs > arrow.destructive-action:backdrop:active, .osd notebook > header > tabs > arrow.destructive-action:backdrop:checked, .osd - button.destructive-action:active, .osd - button.destructive-action:checked, .osd - button.destructive-action:backdrop:active, .osd - button.destructive-action:backdrop:checked { - color: white; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, #ef2929); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - outline-color: rgba(238, 238, 236, 0.3); } - .osd notebook > header > tabs > arrow.destructive-action:disabled, .osd notebook > header > tabs > arrow.destructive-action:backdrop:disabled, .osd - button.destructive-action:disabled, .osd - button.destructive-action:backdrop:disabled { - color: #878a89; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .osd notebook > header > tabs > arrow.destructive-action:backdrop, .osd - button.destructive-action:backdrop { - color: #eeeeec; - border-color: rgba(0, 0, 0, 0.7); - background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.5)); - background-clip: padding-box; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - notebook > header > tabs > arrow.text-button, - button.text-button, - headerbar button.text-button.titlebutton, - .titlebar button.text-button.titlebutton { - padding-left: 16px; - padding-right: 16px; } - notebook > header > tabs > arrow.text-button.image-button label:first-child, - button.text-button.image-button label:first-child { - padding-left: 8px; } - notebook > header > tabs > arrow.text-button.image-button label:last-child, - button.text-button.image-button label:last-child { - padding-right: 8px; } - notebook > header > tabs.stack-switcher > arrow, .stack-switcher > - button, headerbar .stack-switcher > button.titlebutton, - .titlebar .stack-switcher > button.titlebutton { - outline-offset: -3px; } - notebook > header > tabs.stack-switcher > arrow > label, .stack-switcher > - button > label, - .titlebar .stack-switcher > button.titlebutton > label { - padding-left: 6px; - padding-right: 6px; } - notebook > header > tabs.stack-switcher > arrow > image, .stack-switcher > - button > image, - .titlebar .stack-switcher > button.titlebutton > image { - padding-left: 6px; - padding-right: 6px; - padding-top: 3px; - padding-bottom: 3px; } - notebook > header > tabs.stack-switcher > arrow.text-button, .stack-switcher > - button.text-button, headerbar .stack-switcher > button.text-button.titlebutton, - .titlebar .stack-switcher > button.text-button.titlebutton { - padding-left: 10px; - padding-right: 10px; } - notebook > header > tabs.stack-switcher > arrow.image-button, .stack-switcher > - button.image-button, headerbar .stack-switcher > button.image-button.titlebutton, - .titlebar .stack-switcher > button.image-button.titlebutton { - padding-left: 2px; - padding-right: 2px; } - notebook > header > tabs.stack-switcher > arrow.needs-attention:active > label, notebook > header > tabs.stack-switcher > arrow.needs-attention:active > image, notebook > header > tabs.stack-switcher > arrow.needs-attention:checked > label, notebook > header > tabs.stack-switcher > arrow.needs-attention:checked > image, .stack-switcher > - button.needs-attention:active > label, .stack-switcher > - button.needs-attention:active > image, .stack-switcher > - button.needs-attention:checked > label, .stack-switcher > - button.needs-attention:checked > image { - animation: none; - background-image: none; } - .inline-toolbar notebook > header > tabs > arrow, .inline-toolbar notebook > header > tabs > arrow:backdrop, .inline-toolbar - button, .inline-toolbar headerbar button.titlebutton, headerbar .inline-toolbar button.titlebutton, - .inline-toolbar .titlebar button.titlebutton, - .titlebar .inline-toolbar button.titlebutton, .inline-toolbar - button:backdrop { - border-radius: 2px; - border-width: 1px; } - .primary-toolbar notebook > header > tabs > arrow, .primary-toolbar - button, .primary-toolbar headerbar button.titlebutton, headerbar .primary-toolbar button.titlebutton, - .primary-toolbar .titlebar button.titlebutton, - .titlebar .primary-toolbar button.titlebutton { - -gtk-icon-shadow: none; } + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +.stack-switcher > button { + outline-offset: -3px; } + .stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; } + .stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; } + .stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; } + .stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; } + .stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; } +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 2px; + border-width: 1px; } +.primary-toolbar button { + -gtk-icon-shadow: none; } -notebook > header > tabs.stack-switcher > arrow.needs-attention > label, notebook > header > tabs.stack-switcher > arrow.needs-attention > image, .stack-switcher > -button.needs-attention > label, .stack-switcher > -button.needs-attention > image, stacksidebar row.needs-attention > label { +.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4a90d9), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.76923)), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } - notebook > header > tabs.stack-switcher > arrow.needs-attention > label:backdrop, notebook > header > tabs.stack-switcher > arrow.needs-attention > image:backdrop, .stack-switcher > - button.needs-attention > label:backdrop, .stack-switcher > - button.needs-attention > image:backdrop, stacksidebar row.needs-attention > label:backdrop { + .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, stacksidebar row.needs-attention > label:backdrop { background-size: 6px 6px, 0 0; } - notebook > header > tabs.stack-switcher > arrow.needs-attention > label:dir(rtl), notebook > header > tabs.stack-switcher > arrow.needs-attention > image:dir(rtl), .stack-switcher > - button.needs-attention > label:dir(rtl), .stack-switcher > - button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { + .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { background-position: left 3px, left 4px; } -.inline-toolbar toolbutton > button, .inline-toolbar headerbar toolbutton > button.titlebutton, -.inline-toolbar .titlebar toolbutton > button.titlebutton, -.titlebar .inline-toolbar toolbutton > button.titlebutton { +.inline-toolbar toolbutton > button { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #9d9d99; @@ -1240,8 +1010,7 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px rgba(255, 255, 255, 0.8), 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:hover, .inline-toolbar headerbar toolbutton > button.titlebutton:hover, - .inline-toolbar .titlebar toolbutton > button.titlebutton:hover { + .inline-toolbar toolbutton > button:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #9d9d99; @@ -1255,9 +1024,7 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 1px white, 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:active, .inline-toolbar headerbar toolbutton > button.titlebutton:active, - .inline-toolbar .titlebar toolbutton > button.titlebutton:active, .inline-toolbar toolbutton > button:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:checked, - .inline-toolbar .titlebar toolbutton > button.titlebutton:checked { + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #9d9d99; @@ -1265,47 +1032,38 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:disabled, .inline-toolbar headerbar toolbutton > button.titlebutton:disabled, - .inline-toolbar .titlebar toolbutton > button.titlebutton:disabled { + .inline-toolbar toolbutton > button:disabled { color: #8b8e8f; border-color: #9d9d99; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar headerbar toolbutton > button.titlebutton:disabled:active, - .inline-toolbar .titlebar toolbutton > button.titlebutton:disabled:active, .inline-toolbar toolbutton > button:disabled:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:disabled:checked, - .inline-toolbar .titlebar toolbutton > button.titlebutton:disabled:checked { + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { color: #8b8e8f; border-color: #9d9d99; background-image: linear-gradient(to bottom, #e9e9e8, #f1f1f1); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:backdrop, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop, - .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop { + .inline-toolbar toolbutton > button:backdrop { color: #8b8e8f; border-color: #a5a5a1; background-image: linear-gradient(to bottom, #e8e8e7); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:active, - .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:checked, - .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:checked { + .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { color: #8b8e8f; border-color: #a5a5a1; background-image: linear-gradient(to bottom, #d1d1cf); box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:backdrop:disabled, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:disabled, - .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:disabled { + .inline-toolbar toolbutton > button:backdrop:disabled { color: #c3c3c0; border-color: #a5a5a1; background-image: linear-gradient(to bottom, #f1f1f1); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); } - .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:disabled:active, - .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked, .inline-toolbar headerbar toolbutton > button.titlebutton:backdrop:disabled:checked, - .inline-toolbar .titlebar toolbutton > button.titlebutton:backdrop:disabled:checked { + .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { color: #c3c3c0; border-color: #a5a5a1; background-image: linear-gradient(to bottom, #e4e4e4); @@ -1314,6 +1072,8 @@ button.needs-attention > image, stacksidebar row.needs-attention > label { toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, searchbar.inline-toolbar toolbutton > button.flat, .inline-toolbar.location-bar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, searchbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar.location-bar toolbutton > button.sidebar-button, .inline-toolbar headerbar toolbutton > button.titlebutton, headerbar .inline-toolbar toolbutton > button.titlebutton, +.inline-toolbar .titlebar toolbutton > button.titlebutton, +.titlebar .inline-toolbar toolbutton > button.titlebutton, toolbar.inline-toolbar toolbutton:backdrop > button.flat, .inline-toolbar toolbutton:backdrop > button.flat, searchbar.inline-toolbar toolbutton:backdrop > button.flat, @@ -1325,24 +1085,11 @@ searchbar.inline-toolbar toolbutton:backdrop > button.sidebar-button, .inline-toolbar headerbar toolbutton:backdrop > button.titlebutton, headerbar .inline-toolbar toolbutton:backdrop > button.titlebutton, .inline-toolbar .titlebar toolbutton:backdrop > button.titlebutton, -.titlebar .inline-toolbar toolbutton:backdrop > button.titlebutton, .linked:not(.vertical) > entry, .linked:not(.vertical) > spinbutton:not(.vertical), .inline-toolbar notebook > header > tabs > arrow, .inline-toolbar notebook > header > tabs > arrow:backdrop, .inline-toolbar -button, .inline-toolbar headerbar button.titlebutton, headerbar .inline-toolbar button.titlebutton, -.inline-toolbar .titlebar button.titlebutton, -.titlebar .inline-toolbar button.titlebutton, .inline-toolbar -button:backdrop, notebook > header > tabs.linked > arrow, notebook > header > tabs.linked > arrow:hover, notebook > header > tabs.linked > arrow:active, notebook > header > tabs.linked > arrow:checked, notebook > header > tabs.linked > arrow:backdrop, .linked > -button, headerbar .linked > button.titlebutton, -.titlebar .linked > button.titlebutton, .linked > -button:hover, .linked > -button:active, .linked > -button:checked, .linked > -button:backdrop, .linked > combobox > button.combo:dir(ltr), .linked > combobox > button.combo:dir(rtl) { +.titlebar .inline-toolbar toolbutton:backdrop > button.titlebutton, .linked:not(.vertical) > entry, .linked:not(.vertical) > spinbutton:not(.vertical), .inline-toolbar button, .inline-toolbar button:backdrop, .linked > button, .linked > button:hover, .linked > button:active, .linked > button:checked, .linked > button:backdrop, .linked > combobox > button.combo:dir(ltr), .linked > combobox > button.combo:dir(rtl) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .inline-toolbar notebook > header > tabs > arrow:first-child, .inline-toolbar notebook > header > tabs > arrow:first-child:backdrop, .inline-toolbar -button:first-child, notebook > header > tabs.linked > arrow:first-child, notebook > header > tabs.linked > arrow:first-child:hover, notebook > header > tabs.linked > arrow:first-child:active, notebook > header > tabs.linked > arrow:first-child:checked, notebook > header > tabs.linked > arrow:first-child:backdrop, .linked > -button:first-child, headerbar .linked > button.titlebutton:first-child, -.titlebar .linked > button.titlebutton:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, searchbar.inline-toolbar toolbutton:first-child > button.flat, +.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .inline-toolbar button:first-child, .linked > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, searchbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar.location-bar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, searchbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar.location-bar toolbutton:first-child > button.sidebar-button, .inline-toolbar headerbar toolbutton:first-child > button.titlebutton, headerbar .inline-toolbar toolbutton:first-child > button.titlebutton, .inline-toolbar .titlebar toolbutton:first-child > button.titlebutton, @@ -1361,10 +1108,7 @@ headerbar .inline-toolbar toolbutton:backdrop:first-child > button.titlebutton, .titlebar .inline-toolbar toolbutton:backdrop:first-child > button.titlebutton, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .inline-toolbar notebook > header > tabs > arrow:last-child, .inline-toolbar notebook > header > tabs > arrow:last-child:backdrop, .inline-toolbar -button:last-child, notebook > header > tabs.linked > arrow:last-child, notebook > header > tabs.linked > arrow:last-child:hover, notebook > header > tabs.linked > arrow:last-child:active, notebook > header > tabs.linked > arrow:last-child:checked, notebook > header > tabs.linked > arrow:last-child:backdrop, .linked > -button:last-child, headerbar .linked > button.titlebutton:last-child, -.titlebar .linked > button.titlebutton:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, searchbar.inline-toolbar toolbutton:last-child > button.flat, +.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .inline-toolbar button:last-child, .linked > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, searchbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar.location-bar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, searchbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar.location-bar toolbutton:last-child > button.sidebar-button, .inline-toolbar headerbar toolbutton:last-child > button.titlebutton, headerbar .inline-toolbar toolbutton:last-child > button.titlebutton, .inline-toolbar .titlebar toolbutton:last-child > button.titlebutton, @@ -1384,10 +1128,7 @@ headerbar .inline-toolbar toolbutton:backdrop:last-child > button.titlebutton, border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .inline-toolbar notebook > header > tabs > arrow:only-child, .inline-toolbar notebook > header > tabs > arrow:only-child:backdrop, .inline-toolbar -button:only-child, notebook > header > tabs.linked > arrow:only-child, notebook > header > tabs.linked > arrow:only-child:hover, notebook > header > tabs.linked > arrow:only-child:active, notebook > header > tabs.linked > arrow:only-child:checked, notebook > header > tabs.linked > arrow:only-child:backdrop, .linked > -button:only-child, headerbar .linked > button.titlebutton:only-child, -.titlebar .linked > button.titlebutton:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, searchbar.inline-toolbar toolbutton:only-child > button.flat, +.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .inline-toolbar button:only-child, .linked > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, searchbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar.location-bar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, searchbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar.location-bar toolbutton:only-child > button.sidebar-button, .inline-toolbar headerbar toolbutton:only-child > button.titlebutton, headerbar .inline-toolbar toolbutton:only-child > button.titlebutton, .inline-toolbar .titlebar toolbutton:only-child > button.titlebutton, @@ -1407,41 +1148,26 @@ headerbar .inline-toolbar toolbutton:backdrop:only-child > button.titlebutton, border-radius: 3px; border-style: solid; } -.linked.vertical > entry, .linked.vertical > spinbutton:not(.vertical), notebook > header > tabs.linked.vertical > arrow, notebook > header > tabs.linked.vertical > arrow:hover, notebook > header > tabs.linked.vertical > arrow:active, notebook > header > tabs.linked.vertical > arrow:checked, notebook > header > tabs.linked.vertical > arrow:backdrop, .linked.vertical > -button, headerbar .linked.vertical > button.titlebutton, -.titlebar .linked.vertical > button.titlebutton, .linked.vertical > -button:hover, .linked.vertical > -button:active, .linked.vertical > -button:checked, .linked.vertical > -button:backdrop, .linked.vertical > combobox > button.combo { +.linked.vertical > entry, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, .linked.vertical > button:checked, .linked.vertical > button:backdrop, .linked.vertical > combobox > button.combo { border-style: solid solid none solid; border-radius: 0; } -.linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child:not(.vertical), notebook > header > tabs.linked.vertical > arrow:first-child, notebook > header > tabs.linked.vertical > arrow:first-child:hover, notebook > header > tabs.linked.vertical > arrow:first-child:active, notebook > header > tabs.linked.vertical > arrow:first-child:checked, notebook > header > tabs.linked.vertical > arrow:first-child:backdrop, .linked.vertical > -button:first-child, headerbar .linked.vertical > button.titlebutton:first-child, -.titlebar .linked.vertical > button.titlebutton:first-child, .linked.vertical > combobox:first-child > button.combo { +.linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > button.combo { border-top-left-radius: 3px; border-top-right-radius: 3px; } -.linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child:not(.vertical), notebook > header > tabs.linked.vertical > arrow:last-child, notebook > header > tabs.linked.vertical > arrow:last-child:hover, notebook > header > tabs.linked.vertical > arrow:last-child:active, notebook > header > tabs.linked.vertical > arrow:last-child:checked, notebook > header > tabs.linked.vertical > arrow:last-child:backdrop, .linked.vertical > -button:last-child, headerbar .linked.vertical > button.titlebutton:last-child, -.titlebar .linked.vertical > button.titlebutton:last-child, .linked.vertical > combobox:last-child > button.combo { +.linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > button.combo { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-style: solid; } -.linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child:not(.vertical), notebook > header > tabs.linked.vertical > arrow:only-child, notebook > header > tabs.linked.vertical > arrow:only-child:hover, notebook > header > tabs.linked.vertical > arrow:only-child:active, notebook > header > tabs.linked.vertical > arrow:only-child:checked, notebook > header > tabs.linked.vertical > arrow:only-child:backdrop, .linked.vertical > -button:only-child, headerbar .linked.vertical > button.titlebutton:only-child, -.titlebar .linked.vertical > button.titlebutton:only-child, .linked.vertical > combobox:only-child > button.combo { +.linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > button.combo { border-radius: 3px; border-style: solid; } modelbutton.flat, .menuitem.button.flat, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, .menuitem.button.flat:backdrop, -.menuitem.button.flat:backdrop:hover, button:link, headerbar button.titlebutton:link, -.titlebar button.titlebutton:link, -button:visited, -headerbar button.titlebutton:visited, -.titlebar button.titlebutton:visited, button:link:hover, button:link:active, button:link:checked, +.menuitem.button.flat:backdrop:hover, button:link, +button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link:backdrop, @@ -1485,8 +1211,7 @@ modelbutton.flat arrow { modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } -button.color, headerbar button.color.titlebutton, -.titlebar button.color.titlebutton { +button.color { padding: 4px; } button.color colorswatch:only-child { box-shadow: 0 1px rgba(255, 255, 255, 0.76923); } @@ -1498,23 +1223,14 @@ button.color, headerbar button.color.titlebutton, /********* * Links * *********/ -*:link, button:link, headerbar button.titlebutton:link, -.titlebar button.titlebutton:link, -button:visited, -headerbar button.titlebutton:visited, -.titlebar button.titlebutton:visited { +*:link, button:link, +button:visited { color: #2a76c6; } *:link:visited, - button:visited, - headerbar button.titlebutton:visited, - .titlebar button.titlebutton:visited { + button:visited { color: #215d9c; } *:selected *:link:visited, *:selected button:visited:link, - *:selected button:visited, - *:selected headerbar button.titlebutton:visited, - headerbar *:selected button.titlebutton:visited, - *:selected .titlebar button.titlebutton:visited, - .titlebar *:selected button.titlebutton:visited { + *:selected button:visited { color: #b7d3f0; } *:link:hover, button:hover:link, button:hover:visited { @@ -1540,22 +1256,16 @@ headerbar button.titlebutton:visited, *:selected button:visited { color: #dbe9f7; } -button:link, headerbar button.titlebutton:link, -.titlebar button.titlebutton:link, -button:visited, -headerbar button.titlebutton:visited, -.titlebar button.titlebutton:visited { +button:link, +button:visited { text-shadow: none; } button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked { text-shadow: none; } - button:link > label, headerbar button.titlebutton:link > label, - .titlebar button.titlebutton:link > label, - button:visited > label, - headerbar button.titlebutton:visited > label, - .titlebar button.titlebutton:visited > label { + button:link > label, + button:visited > label { text-decoration-line: underline; } /***************** @@ -1568,9 +1278,7 @@ spinbutton:not(.vertical) { background: none; border: none; box-shadow: none; } - spinbutton:not(.vertical) button, - spinbutton:not(.vertical) .titlebar button.titlebutton, - .titlebar spinbutton:not(.vertical) button.titlebutton { + spinbutton:not(.vertical) button { margin: 0; background-image: none; border-style: none none none solid; @@ -1663,9 +1371,7 @@ spinbutton.vertical entry, spinbutton.vertical spinbutton:not(.vertical) { min-width: 32px; padding: 0; border-radius: 0; } -spinbutton.vertical button, -spinbutton.vertical .titlebar button.titlebutton, -.titlebar spinbutton.vertical button.titlebutton { +spinbutton.vertical button { min-height: 32px; min-width: 32px; padding: 0; } @@ -1880,9 +1586,7 @@ headerbar { background-image: linear-gradient(to bottom, #4a90d9); box-shadow: inset 0 1px rgba(165, 200, 236, 0.88); } .selection-mode.titlebar:not(headerbar) button, - headerbar.selection-mode button, - headerbar.selection-mode .titlebar button.titlebutton, - .titlebar headerbar.selection-mode button.titlebutton { + headerbar.selection-mode button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #1c5187; @@ -2122,24 +1826,18 @@ headerbar { padding: 0 4px; min-height: 36px; } .default-decoration.titlebar:not(headerbar) button, - headerbar.default-decoration button, - headerbar.default-decoration .titlebar button.titlebutton, - .titlebar headerbar.default-decoration button.titlebutton { + headerbar.default-decoration button { min-height: 26px; padding: 0 5px; } .titlebar:not(headerbar) entry, .titlebar:not(headerbar) spinbutton:not(.vertical), .titlebar:not(headerbar) spinbutton, .titlebar:not(headerbar) separator, .titlebar:not(headerbar) button, - .titlebar:not(headerbar) button.titlebutton, headerbar entry, headerbar spinbutton:not(.vertical), headerbar spinbutton, headerbar separator, - headerbar button, - headerbar button.titlebutton, - headerbar .titlebar button.titlebutton, - .titlebar headerbar button.titlebutton { + headerbar button { margin-top: 6px; margin-bottom: 6px; } @@ -2253,9 +1951,7 @@ treeview.view { border-width: 1px 0; border-style: solid; border-color: #4a90d9; } - treeview.view header button, - treeview.view header .titlebar button.titlebutton, - .titlebar treeview.view header button.titlebutton { + treeview.view header button { color: #979a9b; background-color: #ffffff; font-weight: bold; @@ -2276,9 +1972,7 @@ treeview.view { color: #4a90d9; box-shadow: inset 1px 1px 0 1px #4a90d9, inset -1px 0 0 1px #4a90d9, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } -treeview.view header button, -treeview.view header .titlebar button.titlebutton, -.titlebar treeview.view header button.titlebutton, treeview.view header button:hover, treeview.view header button:active { +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { padding: 3px 6px; border-style: none solid solid none; border-radius: 0; @@ -2594,9 +2288,7 @@ notebook > stack:not(:only-child) { -GtkScrollbar-min-slider-length: 42; -GtkRange-stepper-spacing: 0; -GtkRange-trough-under-steppers: 1; } -scrollbar button, scrollbar headerbar button.titlebutton, headerbar scrollbar button.titlebutton, -scrollbar .titlebar button.titlebutton, -.titlebar scrollbar button.titlebutton { +scrollbar button { border: none; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) { opacity: 0.4; @@ -4050,9 +3742,7 @@ row.activatable:selected.has-open-popup, row.activatable:selected:hover { row.activatable:selected:backdrop { background-color: #4a90d9; } -row:selected button, -row:selected .titlebar button.titlebutton, -.titlebar row:selected button.titlebutton { +row:selected button { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #9d9d99; @@ -4444,14 +4134,11 @@ placessidebar row { padding-right: 2px; } placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } - button.sidebar-button, headerbar button.sidebar-button.titlebutton, - .titlebar button.sidebar-button.titlebutton { + button.sidebar-button { padding: 5px; border-radius: 100%; -gtk-outline-radius: 100%; } - button.sidebar-button:not(:hover):not(:active) > image, headerbar button.sidebar-button.titlebutton:not(:hover):not(:active) > image, - .titlebar button.sidebar-button.titlebutton:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image, headerbar button.sidebar-button.titlebutton:backdrop > image, - .titlebar button.sidebar-button.titlebutton:backdrop > image { + button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image { opacity: 0.7; } placessidebar row:selected:active { box-shadow: none; } @@ -4529,24 +4216,10 @@ infobar { color: #ffffff; text-shadow: 0 1px #2a76c6; border-color: #2a76c6; } - .info button, .info headerbar button.titlebutton, headerbar .info button.titlebutton, - .info .titlebar button.titlebutton, - .titlebar .info button.titlebutton, + .info button, .question button, - .question headerbar button.titlebutton, - headerbar .question button.titlebutton, - .question .titlebar button.titlebutton, - .titlebar .question button.titlebutton, .warning button, - .warning headerbar button.titlebutton, - headerbar .warning button.titlebutton, - .warning .titlebar button.titlebutton, - .titlebar .warning button.titlebutton, - .error button, - .error headerbar button.titlebutton, - headerbar .error button.titlebutton, - .error .titlebar button.titlebutton, - .titlebar .error button.titlebutton { + .error button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #1c5187; @@ -4759,9 +4432,7 @@ colorswatch#editor-color-sample { padding: 6px; border-style: none; border-radius: 5px; } -.scale-popup button, .scale-popup headerbar button.titlebutton, headerbar .scale-popup button.titlebutton, -.scale-popup .titlebar button.titlebutton, -.titlebar .scale-popup button.titlebutton { +.scale-popup button { padding: 6px; } .scale-popup button:hover { background-color: rgba(46, 52, 54, 0.1); @@ -4804,8 +4475,6 @@ decoration { box-shadow: none; } headerbar button.titlebutton, -headerbar .titlebar button.titlebutton, -.titlebar headerbar button.titlebutton, .titlebar button.titlebutton { text-shadow: 0 1px rgba(255, 255, 255, 0.76923); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); } @@ -4910,12 +4579,10 @@ cursor-handle { .context-menu { font: initial; } -button.circular, headerbar button.circular.titlebutton, -.titlebar button.circular.titlebutton { +button.circular { border-radius: 20px; -gtk-outline-radius: 20px; } - button.circular label, - .titlebar button.circular.titlebutton label { + button.circular label { padding: 0; } .keycap { @@ -4939,14 +4606,10 @@ button.circular, headerbar button.circular.titlebutton, *:drop(active) { border: 1px solid black; } -stackswitcher button.text-button, -stackswitcher .titlebar button.text-button.titlebutton, -.titlebar stackswitcher button.text-button.titlebutton { +stackswitcher button.text-button { min-width: 100px; } stackswitcher button.circular, -stackswitcher .titlebar button.circular.titlebutton, -.titlebar stackswitcher button.circular.titlebutton, stackswitcher button.text-button.circular { min-width: 32px; min-height: 32px; -- 2.30.2